Figma HTML is a Figma plugin that converts websites into editable Figma designs.
The plugin addresses the workflow gap between web development and design by capturing the visual structure of any website and translating it into native Figma components. It works by analyzing the HTML and CSS of a live website, then reconstructing that design as editable layers and components within Figma. This allows designers to work with real website layouts as a starting point rather than recreating them manually, and enables design-to-code workflows where changes made in Figma can inform development.
The tool suits designers who need to document existing websites, create design systems from live products, or establish a shared source of truth between design and development teams. It works well for projects where you want to reverse-engineer a website's design into a design system, or where you need to iterate on a live site's design within Figma's collaborative environment. The plugin integrates with Figma's native component system, making it practical for teams already using Figma as their design platform.
Development activity shows consistent engagement with the codebase. The project receives regular updates and bug fixes addressing user-reported issues. Pull requests are reviewed and merged with attention to maintaining code quality. The maintainers respond to community feedback and incorporate feature requests into the roadmap. Issue discussions demonstrate active problem-solving around edge cases in HTML-to-design conversion. The project maintains documentation and examples to help users understand how to work with converted designs effectively.
