Figma设计实现工具

使用Cursor工具将Figma MCP的设计数据快速实现为网站代码。

  • by yuichiroharai-studies
  • Astro
  • 本地部署
  • 更新于
在 GitHub 查看 yuichiroharai-studies/cursor-figma-mcp-study-01

使用说明

cursor-figma-mcp-01

Cursor使用Figma MCP中描述的场景,使用以下步骤创建明细表,以便在概念设计中分析体量的体积。

  • 已生成Web站点: https://yuichiroharai-studies.github.io/cursor-figma-mcp-study-01/
  • 借用的设计: https://www.figma.com/community/file/1222060007934600841

Cursor配置

  • 代理模式:Plan
  • 型号:Auto

指示如下。

これらの1個のデザインをFigmaから実装して。
@[FigmaデザインのURL]

Antigravity比较

Antigravity中描述的场景,使用以下步骤创建明细表,以便在概念设计中分析体量的体积。 https://github.com/yuichiroharai-studies/antigravity-figma-mcp-study-01