Source → Design: HTML, React to Figma is a design AI agent for 将前端代码快速还原为可编辑的 Figma 设计文件，用于设计评审或迭代. Pricing: Free. As of 2026-08-21, KanonAgent records 11 票. First indexed by KanonAgent on 2026-08-21.
Turn frontend code into editable Figma designs
11 upvotes
Tracked by Kanon since Aug 21, 2026
🤖 Agent teardown · design
PricingFree
Signal source: ProductHunt
View on ProductHunt →
📛 Official badgefor your site / README
Building Source → Design? Pick a style above — the embed code updates live. Deep color control via URL params: bg= / fg= / accent= (hex). It links back to this page.
On mobile tap Share for WeChat / RED (Xiaohongshu) / X; on desktop use Copy text and paste into the app.
FAQ
What is Source → Design?
Turn frontend code into editable Figma designs
How much does Source → Design cost?
Free
Is Source → Design free?
Yes — Source → Design has a free tier. Pricing as stated on its own page: Free
How popular is Source → Design?
As tracked by KanonAgent: 11 upvotes (first indexed 2026-08-21).
What are the best Source → Design alternatives?
Similar AI agents tracked by KanonAgent: Speel.co, crewAI, Stealth Venture, Sleek, RenderLab, ai comic factory.