Figaro

5.0(

1 rating

)

Extension Developer Tools

Overview

Pick any element from any website and bring it straight into Figma

Figaro lets you grab any element from any website and bring it straight into Figma — in one click. No more screenshots. No more redrawing components from scratch. No more guessing fonts, colors, or spacing. Just hover, click, and paste. ───────────────────────────── HOW IT WORKS ───────────────────────────── 1. Activate Figaro on any webpage 2. Hover over any element — button, card, hero section, nav, anything 3. Click to capture it 4. Paste with Cmd+V directly into Figma That's it. The element lands in your Figma canvas with structure, styles, and text intact. ───────────────────────────── PERFECT FOR ───────────────────────────── → Designers who get inspired by real websites and want to reference or remix UI fast → Design teams doing competitive research or UI audits → Developers handing off real web components to designers → Anyone who's tired of rebuilding what already exists on the web ───────────────────────────── WHY FIGARO ───────────────────────────── ✦ Works on any website — not just design tools or specific platforms ✦ One-click capture — no configuration, no setup ✦ Paste straight into Figma — no intermediate steps ✦ Lightweight — runs only when you need it ───────────────────────────── USE CASES ───────────────────────────── • Grab a competitor's pricing card and rebuild it your way • Pick a navigation component from a site you admire • Capture a real button with its exact styling for reference • Pull a hero section into Figma for a design critique • Speed up UI research by collecting real examples in seconds

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
1.0.1
Updated
April 24, 2026
Flag concern
Size
141KiB
Languages
English (United States)
Developer
Email
love@spoki.space
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

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Pluck

1.0

Select any DOM element and copy it as a structured LLM prompt or Figma component

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

5.0

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

Veqo — HTML to Design

4.2

Veqo — Capture any webpage and import it into Figma as editable design. Auto-scrolls, extracts components and builds design systems.

html.to.design

4.6

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

HTML to Figma (by Yashi Tech Solutions)

2.6

Convert webpages into a Figma design

InspoAI — Screenshot to Figma & HTML to Figma Converter

5.0

Capture any webpage and convert it to an editable Figma design in one click. Screenshot to Figma, HTML to Figma, instantly.

Mesurer

5.0

Measure and align elements on any website.

HTML to Figma

0.0

Capture any webpage's HTML/CSS and import it into Figma as editable layers.

H2D Capture

4.9

Capture any webpage and paste it into Figma canvas

Export to Figma

4.9

Copy any website, page, or element into Figma as fully editable layers — convert HTML to clean Figma designs in one click.

HTML to Figma – Capture Any Website as Editable Layers

5.0

Capture any webpage and paste it into Figma as real, editable frames and text — not a flat screenshot. Free Chrome extension.

html.tomake.design (llama)

3.9

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