Source → Design: reverse handoff from frontend code to editable Figma layers
5 hours agocikilubinezoLaunchsourcetodesign.com
Source → Design converts a single HTML file, a static site, or a project built with React, Next.js, Vue, or Svelte into a structured, editable Figma design. It reconstructs real layers, text, typography, vector assets, colors, spacing, Auto Layout, variables, and the browser-rendered layout. It is designed for teams whose implemented interface is more current than the original design file. Plugin https://www.figma.com/community/plugin/1671982756700161071/html-to-figma-react-next-js-source-design Website https://sourcetodesign.com/
ProductfigmaDesignPlugin