Item logo image for Yolbridge — HTML to Figma Importer

Yolbridge — HTML to Figma Importer

Item media 3 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 1 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 2 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 3 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 1 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 1 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 2 (screenshot) for Yolbridge — HTML to Figma Importer
Item media 3 (screenshot) for Yolbridge — HTML to Figma Importer

Overview

Sends HTML+CSS of the current page to the Yolbridge Figma plugin to import websites as editable, layered Figma designs.

Take any website and send it to Figma as a clean, layered, editable design — not a flat screenshot or image. Free, no account, no tracking. HOW IT WORKS 1. Open the website you want to capture 2. Click the Yolbridge icon, pick your output width (1440 px by default) 3. Click "Send to Figma" — you'll get a 6-digit code 4. Open the Yolbridge plugin in Figma (free in Figma Community) 5. Paste the code — the page appears as editable Figma layers BEST FOR - AI-generated HTML from Claude, v0, Lovable, Bolt, Framer AI — turn a generation into a live Figma design - Webflow templates and design references - Simple landing pages, portfolios, legal and government sites - Any reference page you want to continue designing in Figma KNOWN LIMITATIONS - Sites behind login walls or session-bound asset CDNs cannot capture every image - Highly interactive sites (Stripe-tier with WebGL or video backgrounds) won't render fully - Best fidelity at the page's intended desktop breakpoint (1440 px) PRIVACY This extension only does anything when you click "Send to Figma" or "Download as HTML file". It captures the visible structure of the active page — text, layout, images, styles — and relays it to the Yolbridge Figma plugin via a free Cloudflare Worker. The captured page auto-deletes from the relay after 10 minutes. No accounts, no analytics, no tracking, no ads. Privacy policy: https://rose-tiglon-a95.notion.site/Yolbridge-Privacy-Policy-34b2e665d71880328483f8510b7eb25a The companion Figma plugin: search "Yolbridge" in Figma Community.

Details

  • Version
    1.4.8
  • Updated
    May 25, 2026
  • Offered by
    Yolbridge
  • Size
    47.26KiB
  • Languages
    English
  • Developer
    Email
    jobuxui71@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Yolbridge — HTML to Figma Importer has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Yolbridge — HTML to Figma Importer handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

html.tomake.design (llama)

4.0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

Codia AI Canva2Figma: Export Canva Design to Figma

0.0

Simplify Your Design Workflow with the Canva to Editable Figma Plugin

Copy web to Figma - 复制为可编辑设计稿,无需安装Figma插件

5.0

一键复制网页转换为可编辑的 Figma 设计稿,支持任何网站,无需Figma插件,免费使用

Export to Figma

5.0

Capture any webpage or element and paste it into Figma as editable layers, instantly.

HTML to Figma Capture

0.0

Capture any web page and export it as an .h2f file for import into the HTML to Figma plugin.

Codia AI Web2Figma: Import Web to Editable Figma

4.2

Transform the web into your design canvas—no code, no screenshots

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Refore HTML to Figma (Pixel-Perfect Web to Figma Design)

4.2

Transform any web into Figma with Pixel-Perfect. AI-Generated Pages Also Supported

HTML to Figma: Convert Websites into Designs & Wireframes by Wireframeit

3.9

Convert any webpage into an editable design or wireframe. Export to Figma, SVG, PNG, or JPG.

Copy to Figma

5.0

Copy any webpage and paste it into Figma as an editable design — with full image and font support.

Drafito

0.0

Import webpage to Figma

html.tomake.design (llama)

4.0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

Codia AI Canva2Figma: Export Canva Design to Figma

0.0

Simplify Your Design Workflow with the Canva to Editable Figma Plugin

Copy web to Figma - 复制为可编辑设计稿,无需安装Figma插件

5.0

一键复制网页转换为可编辑的 Figma 设计稿,支持任何网站,无需Figma插件,免费使用

Export to Figma

5.0

Capture any webpage or element and paste it into Figma as editable layers, instantly.

HTML to Figma Capture

0.0

Capture any web page and export it as an .h2f file for import into the HTML to Figma plugin.

Codia AI Web2Figma: Import Web to Editable Figma

4.2

Transform the web into your design canvas—no code, no screenshots

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Google apps