Skip to content

Figma 设计转代码 ​

← All use cases

难度:中等

适用场景:Implementing already designed screens or flows from Figma in an existing codebase Teams that want Codex to work from structured design context

启动提示 ​

Implement this Figma design in the current project using the Figma skill. Requirements:

  • Start with get_design_context for the exact node or frame.
  • If the response is truncated, use get_metadata to map the file and then re-fetch only the needed nodes with get_design_context.
  • Run get_screenshot for the exact variant before you start coding.
  • Reuse the existing design system components and tokens.
  • Translate the Figma output into this repo's utilities and component patterns in...

由 Codex 构建