// tools · designer
在手机上设计。以 代码交付_
带智能吸附的 2D 画布、十四个组件和真实的响应式预览——导出 HTML、CSS 和 SVG，或 React、Vue 和 Svelte。AI 把简报变成页面。
设计器
14 个组件·6 种导出格式·7 种响应式模式·AI 简报→设计·5 个模板
会帮忙的画布
指南、图层和多页面尽在手中。
- 网格吸附，带实时距离标签
- 多选、对齐和分布
- 图层，带锁定、可见性和 z-index
真正的响应式
以真实设备宽度预览，而非模拟。
- 真实的 @media 查询在预览中触发
- 自动堆叠回流到移动端
- 按断点覆盖，无需代码
简报到页面
描述一个界面；应用前先审阅。
- 五阶段流程：简报、提问、生成、审阅、应用
- 20 种页面类型、10+ 种风格、8 种配色
- 应用前自我评审评分
导出为生产代码
一键从原型到代码库。
- HTML、CSS 和 SVG，免费
- React（JSX）、Vue（SFC）和 Svelte
- 保留 media 查询和覆盖
// spec
技术规格
内置组件14
导出格式6 formats
模板5 + market
响应式模式7 modes
AI 页面类型20
AI 风格 / 配色10+ · 8
画布缩放0.1–4×
颜色令牌✓
plan.free
- ·完整画布和组件
- ·响应式预览至桌面
- ·导出 HTML、CSS 和 SVG
plan.premium
- +导出 React、Vue 和 Svelte
- +AI 设计器、对齐和组件
- +Desktop-L 和自定义断点
- +无限基于模板的设计