Codex、Claude、Figma 设计到代码协作流程

用于把 PRD、原型、设计稿、前端实现和验收反馈串成可重复的协作流程。

Codex、Claude、Figma 设计到代码协作流程

单独打开 SVG

flowchart TD
    A["PRD 或功能想法"] --> B["生成页面结构和交互说明"]
    B --> C["Claude / Figma 辅助原型"]
    C --> D["设计规范与组件约束"]
    D --> E["Codex 实现前端代码"]
    E --> F["本地运行与截图验收"]
    F --> G{"是否符合预期"}
    G -- "否" --> H["标注差异并迭代 Prompt / 代码"]
    H --> C
    G -- "是" --> I["补充状态、边界和测试"]
    I --> J["交付设计与工程资产"]