Drift - Convert any HTML/CSS/JavaScript into editable Figma designs
by•
Most HTML-to-Figma tools import live sites. Drift does too — but it's built for the AI era: drop in a Claude (or any AI) prototype's code and get editable Figma designs in seconds.
Why it's different:
• Claude/AI-generated HTML/CSS/JS → editable Figma layers (text, vector icons, gradients, auto-layout)
• Perfect when you're out of Claude tokens, or your org blocks Claude's Figma MCP write access — just paste, no MCP needed
• Paste code, upload files, or capture any URL via the Chrome extension
Replies
Pasted some Claude output and it actually came through as editable layers, not a flat image, which caught me off guard. The auto-layout handling was way better than I expected for a quick test.
Pasted in a Claude prototype and had editable layers in Figma in under a minute, no MCP headaches. The auto-layout pickup was cleaner than I expected for AI-generated HTML.