通过将线框图与设计系统相结合以实时生成高保真设计，为线框图注入了新的活力。这意味着您可以更长时间地保持线框图模式，更具创造力并自动并行生成设计输出。
画出形状即可生成图片和设计样式让设计师们省去了非常多的时间，而且已经可以直接使用的AI设计工具，通过简单的绘制形状来自动生成UI界面并可以获得React代码、FIGMA、Sketch源文件，非常强大！
操作步骤：
1.选择设计系统
设计系统确定块类型和样式。Chakra UI目前可用，更多的设计系统和自定义主题正在计划中。
2.带块的线框
单击并拖动以绘制块。然后选择一个类型并使用简单的基于文本的界面定义内容。查看生成的设计并进行调整。
3.导出设计文件和代码
生成你的团队需要的东西，从栅格化的模型到可导入到Figma的矢量层，甚至是作为前端起点的React代码。
轻松制作优质博客内容