设计实现工具

Antigravity是一款利用Figma MCP设计数据进行网站实现的工具,适用于设计师和开发者快速将设计转化为实际网站。

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

使用说明

antigravity-figma-mcp-study-01

Antigravityを使ってFigma MCPから取得したデザインデータを実装してもらったものです。

  • 生成したWebサイト: https://yuichiroharai-studies.github.io/antigravity-figma-mcp-study-01/
  • お借りしたデザイン: https://www.figma.com/community/file/1222060007934600841

Antigravityの設定

  • エージェントモード: Planning
  • モデル: Gemini 3 Pro (High)

指示は以下の通りです。

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

Cursorとの比較

Cursorを使って検証した場合のレポジトリは以下です。 https://github.com/yuichiroharai-studies/cursor-figma-mcp-study-01