连接设计师与开发者
插件
使用 Semi Design 设计转代码插件,一键将设计稿转为前端代码
快速开始
UI Kit
自动化生产的 Figma 设计组件,变体属性与代码组件保持一致
使用 UIKit
@tuotuo: 一直以来,Semi 团队都在尝试通过各类自动化手段,优化日常工作流程,帮助设计和研发提升合作效率,改进工作方式。我们发现,设计与研发不同源,是众多问题的根因 —— 设计师与工程师没有用同一套语言,没有处在同一个环境,而这会导致一系列副作用:沟通低效、产品品质差、维护成本高...等等。如何为 Semi Design 的用户缩小乃至消除设计与研发之间的差距,让源头合二为一,是我们会持续思考并探索的方向。
了解 Semi Design 方案背后的思考
设计师:使用具有转代码能力的组件
克隆 UIKit,开箱即用,无需改变习惯,与 API 对齐的变体属性和组件结构定期更新,与线上版本保持一致
研发:设计稿一键转代码
接到方案,选中设计稿,使用插件一键转代码一键完成页面布局、组件属性识别,支持导出为多种框架代码
下载插件
过去
现在
让设计与开发同源
基于真实组件完成页面设计,前端代码一键转* 本页面由 Semi Design 自动生成
开始使用
上传报告
文档中文名
*
文档英文名
文档链接
报告标签
结论
备注