Blog
Guides on HTML to Figma, Auto Layout, design systems and AI-to-design workflows.
CSS to Figma Auto Layout: Flexbox and Grid Mapping Guide
Flexbox and Figma Auto Layout look similar, but they are not the same model. This technical guide maps CSS properties to Auto Layout settings, explains why verification matters, and shows how to write CSS that imports cleanly.
October 22, 2026 · 10 min read
Localhost to Figma: Capture Any Page with the Chrome Extension
Some pages can't be reached by a URL import: your localhost build, a dashboard behind a login, a menu that's open right now. The free HTML to Frames Chrome extension captures them from your own browser and turns them into editable Figma layers.
October 21, 2026 · 9 min readAI to FigmaAI to Figma: Send Claude and Cursor UI to Figma via MCP
AI coding tools can build a working UI in minutes, but designers still need it in Figma. Here is how to connect Claude Code, Claude Desktop or Cursor to HTML to Frames over MCP and get editable layers instead of screenshots.
October 20, 2026 · 9 min readwebsite to FigmaWebsite to Figma: An Agency Guide to Redesign Proposals
A step-by-step agency playbook for turning a client's current website into editable Figma layers and a redesign proposal. Covers multi-page imports, responsive sets, Light + Dark, before/after boards and a sample sprint timeline.
October 18, 2026 · 9 min readHTML to frameHTML to Frame: How a DOM Becomes Figma Auto Layout
Turning HTML into Figma frames is easy to do badly and hard to do well. Here's how HTML to Frames maps a DOM to nested frames, infers Auto Layout from measured geometry, and verifies every child so the design never breaks.
October 16, 2026 · 8 min readHTML to canvasHTML to Canvas: Bitmap Screenshots vs Editable Figma Layers
Search for "HTML to canvas" and you'll find two very different things: JavaScript libraries that turn a page into pixels, and tools that put a page onto the Figma canvas as layers. This article explains both, when each is the right choice, and how to handle content that really is a canvas.
October 14, 2026 · 8 min readHTML to designHTML to Design: A Redesign Workflow for Designers and Agencies
Most redesigns start from a site that already exists, yet most design files start from a blank canvas. Here is a practical HTML to design workflow that turns live pages into editable layers, a reusable design system and a clickable prototype.
October 11, 2026 · 8 min readHTML to FigmaHow to Convert HTML to Figma: The Complete 2026 Guide
Converting HTML to Figma no longer means rebuilding a page by hand or pasting a flat screenshot. This guide walks through every import method, the screen and option choices that matter, and how to get clean, editable layers on the first try.
October 8, 2026 · 9 min readStop redrawing the web.
Paste a link and get real, editable, responsive Figma layers in seconds. Free to start — 10 imports every month.
No credit card. Pro is bought inside Figma.
Coming soon to Figma Community