Subject: Feature Request: Native "Code-to-Design" / Reverse Engineering Import for the AI Era
Body: Hi Figma Team,
The AI era has completely flipped the traditional product development workflow. Today, many developers and creators use AI tools (like Bolt, v0, Lovable, or Cursor) to generate a fully functional website or app directly from text prompts.
However, as the product grows, we still critically need Figma for scaling, brainstorming, advanced UX iterations, and maintaining design systems.
Currently, moving an already existing codebase into Figma is a massive pain point. We have to rely on third-party plugins (like html.to.design), which often struggle with massive multi-page imports, require paid tiers for bulk uploads, or mess up layers.
The Feature Proposal: We need a Native Code-to-Design Import tool built directly into Figma.
-
Bulk Import via Repository/Sitemap: The ability to drop a link to a GitHub repository, folder with local code (HTML/CSS/React), or a Sitemap URL, and have Figma automatically map out the entire site architecture.
-
Native Component & Auto Layout Mapping: Figma should natively parse code classes, flexboxes, and grid systems, automatically converting them into clean Auto Layout frames and Figma Components/Variables.
-
Continuous Sync (Code <-> Design): A bi-directional bridge where changes in the visual code can be pulled back into Figma as updated design iterations.
As a user dealing with multi-page web applications generated from code, doing this page-by-page via plugins is a huge bottleneck. Figma has always been a pioneer in workflow efficiency, and native reverse-engineering of code into design is the next logical step for the industry.
Would love to hear the community’s and team's thoughts on this!
Best regards,