面试问design to code该怎么答

别再只讲还原精度:把 design to code 讲成“带验证的代码生成”问题,重点在可维护、可评审的工程取舍与反馈闭环。

要点

  1. 先说难点不是生成而是收敛:生成的代码要能维护、能复用设计系统、能过 review,判断标准应放在可维护而非像不像。
  2. 拆成三层讲:视觉还原主要靠模型能力与截图 diff 迭代,结构语义靠组件切分与语义标签,工程集成要接入仓库 token、组件库与布局规范。
  3. 给出取舍:不追求一次生成即可提交,而追求一次生成能进入评审的初稿,前面挂截图 diff、设计规范 lint、组件库校验做自动对齐。
  4. 评估好坏用设计稿当 ground truth 做像素级与结构级两套指标,再看人工 review 的返工率。
  5. 说清边界:hover、空态、错误态、超长文案等交互状态模型常想不到,要靠规范或 checklist 兜底。

来源