HTML 2 Figma (Chrome)

Overview

Pick HTML elements and convert them to Figma JSON

Pick any HTML elements on the page and convert them to JSON to be transferred to figma. Audit your current website for layouting issues. As a designer, learn how HTML tags work. To use this plugin you also need to have a figma account, and the Grazy Figma plugin: https://www.figma.com/community/plugin/1583127645231369544/grazy-html-to-figma More about the plugin https://grazy.sorinjurcut.com/ Usage Examples: Design System Development AI-to-Design Workflows Competitive Analysis & Inspiration QA & Design Review Documentation & Design Handoff Learning & Reverse Engineering Rapid Prototyping & Client Presentations Migration Projects The Most Powerful Use Case: Bridging Code & Design The real magic is bidirectional workflow: Code-first teams: Build quickly in code, then bring to Figma for design refinement Design-first teams: Verify implementation matches design exactly Hybrid teams: Iterate in whichever tool is faster for the task It respects both mediums. Developers don't need to learn Figma. Designers don't need to code. But they can collaborate more seamlessly.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.13.0
Updated
January 16, 2026
Flag concern
Offered by
sorin.jurcut
Size
43.56KiB
Languages
English (United States)
Developer
Email
sorin.jurcut@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

The developer has disclosed that it will not collect or use your data.

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

Support

For help with questions, suggestions, or problems, visit the developer's support site

PageRip (HTML + CSS Extract)

3.2

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

Web to MCP: Import any website components to Cursor or Claude Code

4.1

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

SEO Schema Visualizer

5.0

Visualize JSON-LD schema markup at the click of a button

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

Drafito

0.0

Import webpage to Figma

Schema Builder for Structured Data

3.6

Easily build validated json-ld structured data markup for any webpage. Based on schema.org specification

HTML to Figma (by Yashi Tech Solutions)

3.7

Convert webpages into a Figma design

JSON Pretty

4.6

Use JSON Pretty to parse, format, and pretty print json data. A powerful json formatter and beautify tool for easy data readability.

Web to Figma

2.2

Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots.

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!

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

4.1

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