WithUI 官网

WithUI 图文介绍：

WithUI 2023 年创立于旧金山，由前 Figma 平台工程师与谷歌 Material Design 团队成员共同孵化。产品聚焦“Prompt-to-UI”，通过自建的多模态大模型 UI-Fusion-3B，将纯文本或线稿草图直接转化为可编辑的 React+Tailwind 代码，并支持 Figma、Framer、Webflow 一键导入。上线 6 个月已生成 120 万个项目，被 Product Hunt 评为“2024 年度 Golden Kitty 最佳设计工具”，并入选 Y Combinator Winter 2024 批次。

主要功能

• 一句话生界面：输入“一个深色电商后台，左侧导航含订单、库存、分析”，即刻返回深色主题、数据表格、图表、搜索框等完整模块。
• 草图转代码：上传手绘或 Figma 线框，AI 自动识别组件层级，生成像素级对齐的高保真页面。
• 响应式检查器：一键预览 iPhone、iPad、1440 px 桌面断点，自动给出 flex/grid 优化建议。
• 主题与变量：内置 12 套设计系统（Material、Ant Design、Carbon 等），支持自定义 Design Token。
• 代码导出：可输出 React、Vue、Svelte、纯 HTML+Tailwind，或保留为 WithUI 在线协作文件。
• 协作与标注：实时多人光标、评论、Inspect 模式，像素级标注自动同步给开发。

应用场景

• 初创 MVP：创业者 1 小时生成着陆页+登录+仪表盘，快速验证市场。
• 产品经理：用高保真可点击原型与投资人、客户沟通，减少沟通误差。
• 自由设计师：将线稿直接变可交付前端代码，节省 60% 切图与标注时间。
• 学生/教育者：零基础教授响应式概念，生成作业模板即时可运行。
• 企业设计系统团队：批量把旧 Sketch 文件转换为 React Storybook 组件库。

是否收费

• 免费版：每月 3 个项目、最多 10 个页面、水印+WithUI 品牌页脚。
• Pro 版：$12/月 或 $108/年，无限项目、导出无水印、自定义域名托管。
• Team 版：$29/人/月，含团队库、角色权限、版本历史、Slack 通知。
• Enterprise：按席位+API 量阶梯报价，提供私有云部署、SOC 2 审核、SSO。
• 14 天免费试用，年付用户享 30 天无理由退款。

平台兼容性

• Web 端：Chrome、Edge、Safari、Firefox 最新版，无需安装。
• Figma 插件：实时将 AI 生成页面导入 Figma 保持矢量可编辑。
• Framer/Webflow 插件：一键复制粘贴组件，保留交互动画。
• API：REST & GraphQL，输入 prompt 返回 JSON 版设计树，可用于自建 CMS

WithUI 把「提示词工程」做成可拖拽的组件化生产流水线，让不会写代码的运营、产品、教师也能 5 分钟交付一套可对外使用的 AI 工具，是现阶段最轻便的零代码 AI 开发框架之一。