
Fountible — Figma Alternative Where Design Is Code
将 Figma 选区转换为原生 React 和 Tailwind 代码,具有 AI 设计和 3D 功能。
@onuro · X
完整作品展
技术栈
17 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自动将设计图转换成可用代码。
@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可读格式,帮助代码代理做出更好的设计决策。
heywitt · HN
UnUI – Help coding agents make better design decisions

本地优先的工作台,用于编辑、预览和导出 design.md 设计系统。
@ricouii · X
我已经围绕 design.md 做了一个开源的工作台,以及品牌库 工作台支持模板编辑、预览、AI 生成、文件派生 token、css,品牌库方面还支持 HTML preview... 我还是相信 design md 是很有潜力的,比大部分的设计 skill 好用

AI实时协作编辑器,支持文件共享、UML图表和群决策。
u/Hopeful-Can-1540 · Reddit
Trying to figure out distribution for a real-time collaboration tool LiveShareIt has been around for a bit, and the product has changed quite a lot recently. The basic idea is pretty simple: open a room, share the link, and start working together. No signup needed. People can share code/text, send files, use a collaborative whiteboard, and jump on a video call in the same room. One feature I’ve been playing with lately is the AI whiteboard. Instead of starting from a blank canvas, you

自适应编程学习路径,从第一行代码到完成项目
@audaciousSneha · X
Part 2 of Loop Engineering vs Graph Engineering is out now. A hands-on-challenge on this concept will be available soon on

使用AI驱动的vibe编码构建应用程序。
@Craftapp_AI · X
Six Capabilities a Real Vibe Coding Platform Must Have, Or You're Wasting Time and Money Building a demo is easy. Building a real product is where platforms fall apart. Watch the full video on YouTube: Build with CraftApp today:

精心制作的 React 组件和模板,用于构建精美的用户界面。
@polyqoy · X
This video shows a fully animated 3D site built in 2 minutes with claude code. one terminal command. but the prompt was almost irrelevant. the real work was the pre-load: ui/ux pro max skill, a hero component from framer motion stacked in before claude touched anything the toolkit did the job. the prompt just pulled the trigger. that's also why most people's claude output looks generic. they skip the setup and blame the model.