
Fountible — Figma Alternative Where Design Is Code
将 Figma 选区转换为原生 React 和 Tailwind 代码,具有 AI 设计和 3D 功能。
@onuro · X
完整作品展
技术栈
61 projects

将 Figma 选区转换为原生 React 和 Tailwind 代码,具有 AI 设计和 3D 功能。
@onuro · X


用AI编码助手实时可视化设计工作原型
u/tokmako · Reddit
I am developing an alternative work environment to Claude Design. When I first tried Claude Design, I really liked the idea. But after generating a design, I kept wanting a more direct way to continue working on it not as a separate design representation, but as a live, working interface. That’s what I’m building with VisualWizard. The canvas contains real, interactive prototypes. You can select elements directly, move or resize them, change styles, and keep interactions and

浏览知名网站的设计系统分析,作为AI编码助手的设计参考。
@whotf_snowball · X
Instead of starting from scratch, your AI coding agent can use these design specs as inspiration for typography, colors, spacing, components, and overall visual styles. #AI #VibeCoding #WebDesign #DesignSystems

用AI自动将设计图转换成可用代码。
@AnimaApp · X
Image to code in 1 minute - 20x faster than Claude Code and with much higher fidelity. Try it at and let us know how we did 🤘

通过描述快速生成高保真UI界面,支持移动和网络应用。
@ninakolari · X
Google just dropped Stitch and it changes the entire vibe coding workflow. You describe what you want your app to look like. It builds full high-fidelity screens in seconds. No Figma. No designer. No credit card. Here is how to use it: Go to Sign in with your Google account. That’s it. You’re in. Instead of typing “make me an app” type this: “A lesson planning app for teachers. Clean and calm. Inspired by Notion. Minimal. White space.” The more specific you are the better your screens. Then refine with follow up prompts. Change the nav. Try dark mode. Get 3 menu variations. Or just speak it. Your screens become a clickable prototype in seconds. Click a button and Stitch generates the next screen automatically. Your entire app flow. Before you write one line of code. Then take it further. Export to Lovable or Cursor and build the logic on top. Use the MCP server to keep your design and code in sync. Pull any website’s design system in seconds. Save everything as

使用AI设计移动应用界面,导出HTML、设计令牌和代码。
@9to5_Dad · X
Ai mobile app ui designer with taste

从任何网站提取代码、字体、颜色和设计素材,下载到你的工作区。
@bharatmodi2014 · X
Extract code, design tokens, fonts, colors, and media instantly. All from your browser directly to your local workspace

将设计组件自动转换为代码的AI工具。
@ShrirajKun · X
could do one thing ... train a model specifically to break the design component by component then make it generate a code for it .. i tried something a vibe coding platform after frusting with existing vibe coding platform

与AI代理协作的CAD和BIM设计工作区。
alexvboe · HN
Cogram Studio – CAD and BIM workspace for humans and agents

将网页设计元素压缩成AI可读格式,帮助代码代理做出更好的设计决策。
heywitt · HN
UnUI – Help coding agents make better design decisions
通过AI生成的蓝图和旅程地图来分析和重新设计服务体验。
@aselvarasu · X
PoF & Prototype of Service Design Studio by BiCon BizAI integ consulting services, a start-up as a Faculty Startup in Department of Business Administration Annamalai University. Check out what I just built with Lovable!