不要再直接把 UI 图转成代码了,先看这份 UI Spec 模板
标签
摘要
直接把 UI 图丢给 image-to-code,往往只得到好看却难落地的页面:缺组件层级、交互状态、响应式规则与真实数据边界,工具只能猜结构。更稳的做法是先写最小可用 UI Spec(页面目标、模块优先级、状态、断点与设计 Token),再据此出图并组件化写码。流程为:需求→UI Spec→视觉参考→代码→截图修正。
文章内容