As developers, we often found ourselves redesigning existing websites, dashboards, and internal tools. But before any meaningful design work could happen, we'd spend hours manually recreating screens in Figma.
So we built FrameCraft.
FrameCraft is a free Figma plugin that converts HTML into clean, editable Figma layers in seconds, making it easier to:
✨ Redesign existing websites
✨ Iterate on production UIs
✨ Create mockups from working code
✨ Improve designer–developer handoffs
✨ Explore ideas without starting from a blank canvas
We're launching FrameCraft as a free tool because we believe teams should spend more time designing better experiences and less time rebuilding what's already there.
We'd genuinely appreciate your feedback and suggestions. What would make a tool like this an essential part of your workflow?
🔗 Plugin: https://www.figma.com/community/plugin/1646609897181984086/framecraft-free-html-to-figma-converter
🌐 Learn more: https://upwwards.com/products/framecraft/
Thanks for checking us out! 🚀