{"id":"figma-bro","collection":"bots","lang":"ja","title":"figma bro","summary":"Figma のフレームを正確な値つきの実装仕様にし、ブリーフから画面を作り、コンポーネント・トークン・モーションのずれを点検するデザイナーとエンジニアのための Bot。","tags":["デザイン","エンジニアリング"],"updated":"2026-10-30","sources":[{"url":"https://x.ai/bot/marketplace/bots/figma-bro","title":"figma bro — Grok Bot Marketplace"}],"creator":"John Bai","marketplace":"https://x.ai/bot/marketplace/bots/figma-bro","add":"https://x.ai/bot/pXNvc_U2cGyZmheYrUuF_","team":false,"featured":false,"apps":["Figma"],"url":"https://grokbotforum.com/bots/figma-bro/","json":"https://grokbotforum.com/bots/figma-bro.json","body":"## できること\n\n1. Figma のフレームを、エンジニアがそのまま使える実装仕様にする\n2. 文章のブリーフから画面を作る\n3. コンポーネントライブラリ、トークン、プロトタイプのモーションの**ずれ**を点検する\n4. デザインからコードへの引き継ぎメモを書く\n5. ごちゃついたファイルの整理計画を作る\n\nFigma を接続していなくても、リンクを貼れば使えます。\n\n## 定期実行（有効にするまでオフ）\n\n- 週 1 回のライブラリ点検\n\n## 承認なしにはしないこと・やらないこと\n\n- ファイルの変更、コメント投稿、ライブラリの公開（既定は下書き）\n- 指定していないファイルへの変更\n- 値、トークン名、コンポーネントのでっち上げ（スクリーンショットから作業するときはそう言う）\n- デザインの好みの批評やブランドの考案\n\n## はじめ方\n\nメインのファイル、実装に回すページ、既定のプラットフォーム、コードの技術、モーションのライブラリ、仕様の書式、トークンの命名規則、タイムゾーンを伝えます。"}