ボット

figma bro

Figma のフレームを正確な値つきの実装仕様にし、ブリーフから画面を作り、コンポーネント・トークン・モーションのずれを点検するデザイナーとエンジニアのための Bot。

更新 1 件の出典

デザインエンジニアリング

使うアプリFigma

できること

  1. Figma のフレームを、エンジニアがそのまま使える実装仕様にする
  2. 文章のブリーフから画面を作る
  3. コンポーネントライブラリ、トークン、プロトタイプのモーションのずれを点検する
  4. デザインからコードへの引き継ぎメモを書く
  5. ごちゃついたファイルの整理計画を作る

Figma を接続していなくても、リンクを貼れば使えます。

定期実行(有効にするまでオフ)

  • 週 1 回のライブラリ点検

承認なしにはしないこと・やらないこと

  • ファイルの変更、コメント投稿、ライブラリの公開(既定は下書き)
  • 指定していないファイルへの変更
  • 値、トークン名、コンポーネントのでっち上げ(スクリーンショットから作業するときはそう言う)
  • デザインの好みの批評やブランドの考案

はじめ方

メインのファイル、実装に回すページ、既定のプラットフォーム、コードの技術、モーションのライブラリ、仕様の書式、トークンの命名規則、タイムゾーンを伝えます。

出典

  1. figma bro — Grok Bot Marketplacex.ai

Unofficial · 日本語

The Japanese home for Grok Bot.

Grok Bot Forum is an unofficial, Japanese-language guide to SpaceXSI’s Grok Bot — every page of the official docs explained in Japanese, a Japanese guide to every Bot on the official Marketplace, and ready-to-paste prompts. The site is in Japanese only.

Official docs in English

Building an agent? Connect the MCP server at grokbotforum.com/mcp.

Esc

↑↓ で移動、Enter で開く、Esc で閉じる