What specific design-to-code methods does Superflex support? What are the tips for using each?

2025-08-25

1.1 K

三大核心转换模式详解

1. Figma直转模式：通过复制Figma文件/图层链接实现转换。
技巧：在Figma中按住Cmd/Ctrl框选特定图层区域，Superflex只会转换选中部分的设计元素。

2. 静态图片识别模式：支持PNG/JPG等常见格式。
注意事项：图片分辨率建议不低于72dpi，对于复杂布局建议按模块分割后分批转换。

3. 自然语言生成模式：可用类似’Material风格的表单，包含3个文本输入框和1个提交按钮’的描述。
进阶技巧：添加技术约束词如’使用TailwindCSS实现’或’需要TypeScript类型定义’。