kkobkbhgkiochdjdadphhhpoipikoepd
Convert any Webpage into fully editable figma design. Requires the figma plugin with the same name. Import websites into Figma to iterate, redesign, benchmark and more, without building each element from scratch. 2000+ components Pixel-perfect capture Light and Dark themes multiple viewport sizes This Chrome extension is a companion to the figma plugin with the same name, and you’ll need to install the Figma plugin first. Install the Webpages to Figma Chrome Extension from Chrome Web Store Go to any website in your Chrome Browser Invoke the extension, and then choose if you want to capture the entire page or a single component Once the extension captures the page, save and download the page/component data Go to Figma and run the plugin Upload the data you just downloaded The plugin automatically converts the data into a figma design.
html.to.design
Convert any website into fully editable Figma designs. Requires the associated Figma plugin! With html.to.design, convert any website into fully editable Figma layers. Leverage an existing website and import its HTML to Figma to start your own designs, without building each element from scratch. This Chrome extension is a companion to the html.to.design Figma plugin, which you’ll need to install for certain features. If you are using the “Copy to clipboard” option, you do not need to run the Figma plugin — simply paste (⌘+V) your captured webpage in your canvas! This extension also has built-in support for AI Tools like ChatGPT, Bolt and Lovable, and can directly capture their results without any extra steps. You can find the full list of AI tools supported here: https://html.to.design/docs/import-from-ai-tools 1. Install the html.to.design Chrome extension by clicking on [Add to Chrome] on this page. 2. Navigate to the page you would like to import into Figma. 3. Click on the html.to.design extension icon in your Chrome top bar. 4. Hit 'Capture' and the extension will automatically start capturing the page. Once your webpage has been captured, there are several ways to import it into Figma: a) Store it locally as an .h2d file that must be dropped into the html.to.design Figma plugin b) Send it directly to the Figma plugin d) Copy it to the clipboard to then directly paste the result in Figma --- Notes: In order to best map what you see in your browser to Figma, we need to access Chrome's debugging features.
Export to Figma
Capture any webpage or element and paste it into Figma as editable layers, instantly. Capture real UI from any webpage and convert it into clean, structured Figma layers. Skip screenshots and manual rebuilding. • Convert any website to Figma layers — full page or specific sections • Copy landing pages, dashboards, or competitor designs into Figma • Inspect typography, colors, spacing, padding, margins, and CSS without code • Extract logos, SVGs, images, and assets with one click • Audit color palettes, font families, and WCAG contrast • Build design system references from live products 🎯 PERFECT FOR DESIGNERS & DEVELOPERS • Copy a website into Figma without rebuilding it manually • Redesign or modernize existing websites • Convert HTML and CSS to Figma • Use competitor landing pages as editable references • Extract brand colors, fonts, and assets in seconds • Work directly from real products instead of screenshots 1. Install the Chrome extension 2. Open any webpage 3. Click "Export to Figma" and capture the full page or an element 4. Paste into Figma (Cmd/Ctrl + V) using the free companion plugin Get a real Figma frame with editable text, fonts, colors, images, and clean layer structure — not a flat screenshot. • Full-page and element-level capture • Editable, organized layer structure • Preserves layouts, styles, fonts, and text • Inspect Mode with spacing, padding, and margin overlays • Color extractor (HEX, RGB, HSL, OKLCH, Tailwind) • Typography scanner with font usage details • Download images, SVGs, videos, GIFs, and Lottie files • WCAG accessibility contrast checker • Works with AI-generated websites (v0, Lovable, Bolt, Replit, Framer, etc.) • Desktop, tablet, mobile, and custom viewport presets • Client website redesigns • Competitor research and analysis • Migrating existing websites into Figma • Extracting design systems from production sites • Rapid prototyping and mockups • Building style guides from real websites • Studying production UI and UX patterns Built by designers, for designers ( and developers :) )
FullPagePDF - Convert Web Pages to PDF Instantly
Transform any webpage into pixel-perfect, searchable PDFs with one click. Privacy-first design with Google Drive integration. 🎯 Why FullPagePDF Works Better: • Complete page capture - Gets the full webpage, including content below the fold • Professional PDF quality - True documents, not just images • Preserves original formatting - Links, images, and text remain intact • Searchable text - Find information instantly with Ctrl+F • Google Drive integration - Auto-save and organize your captures • Privacy-first design - All processing happens locally in your browser ⚡ Advanced Features: • Handles infinite scroll and dynamic content automatically • Works on complex sites where other extensions fail • Configurable capture settings up to 100,000 x 100,000 pixels • Smart capture history with search and organization • Performance modes for speed vs quality optimization 💼 Perfect For: • Web developers documenting complete page layouts • Researchers archiving full articles and academic papers • Business professionals creating comprehensive reports • Legal professionals collecting digital evidence • Students saving complete course materials 🔧 How It Works: 1. Click the extension icon on any webpage 2. Intelligent scanning detects all important scrollable content 3. Get instant PDF download with preserved formatting 4. Optional auto-save to Google Drive 5. Access organized capture history anytime Transform your web browsing into a powerful documentation tool with FullPagePDF's advanced capture technology.
Figma: interface translator — English and 133 languages
Translate Figma interface into 133 languages. Google Translate API. Not affiliated with Figma. Figma AI Translate is a powerful Chrome extension that translates the entire Figma user interface into 133 languages using Google Translate API. No more struggling with English-only menus, tooltips, and panels — work in Figma in your own language. • 133 Languages — Full support for all Google Translate languages • Real-Time Translation — Translates the interface as you browse, including dynamically loaded content (SPA) • Floating Widget — A sleek, draggable widget on top of Figma. Pick your language, toggle translation on/off with one click • Smart Caching — Translations cached locally for 30 days. Previously translated pages load instantly, even offline • Glossary System — Built-in glossary ensures critical UI terms are translated accurately • Offline Mode — Cached translations are served automatically when offline • Zero Performance Impact — Background translation with rate-limiting 1. Install the extension 2. Navigate to figma.com 3. Click the floating globe icon (bottom-left corner) 4. Select your preferred language from the list 5. The entire Figma interface translates instantly You can drag the widget anywhere on screen, search for languages, and toggle translation on/off at any time. • 7-Day Free Trial — try all features free, no credit card required • Annual License — €17/year for unlimited access after trial • Visit lingoflow.pro for details • No user data collected — we only translate visible text on the page • API key secured in service worker (never exposed to web pages) • Translations cached locally on your device • Only connects to translation.googleapis.com (Google Translate) and lingoflow.pro (license validation) • Privacy Policy: https://lingoflow.pro/privacy-policy 💡 PERFECT FOR • Designers who prefer working in their native language • International teams collaborating in Figma • Students learning design tools • Agencies working with multilingual clients • Storage — saves your language preference and cached translations locally • Host permissions (figma.com) — needed to inject the translation widget into Figma pages This extension is not affiliated with, endorsed by, or officially connected to Figma, Inc. "Figma" is a trademark of Figma, Inc. This is an independent third-party translation tool by LingoFlow.
