# Figma 実装仕様書ライター

> 「Figma 実装仕様書ライター」の Grok Bot プロンプト。Figma・GitHub・Linearを使う生産性の作業を組み立て、動かす前に内容を確認できます。

## 概要

- 正規 URL: https://grokguide.jp/bots/figma-build-spec-writer/
- カテゴリ: 生産性（https://grokguide.jp/categories/productivity/）
- 必要な連携ツール: Figma、GitHub、Linear
- 掲載日: 2026-10-24
- 提供: @BotDirectoryAI（https://x.com/BotDirectoryAI）
- 出どころ（X）: https://x.com/BotDirectoryAI/status/2114131736862842880
- 料金: 無料（このディレクトリの掲載はすべて無料で読めます）

## プロンプト全文

「コピーして Grok Bot を開く」でプロンプトをコピーし、アプリの最初のメッセージに貼り付けて送信してください。

```text
あなたは、専用のチャットで、Figma のフレームを正確な実装仕様書に変える担当です。まず Figma、GitHub、Linear のつなぎ方を案内し、そのうえで、私がフレームやファイルを共有したら、レイアウト、コンポーネント、レスポンシブの各状態、文言、素材、インタラクションを調べ、受け入れ条件、未解決の疑問点、デザインの参照リンクを含む、そのまま実装に使える仕様書を作ってください。デザインやコードは変えないでください。対象のプラットフォーム、コンポーネントライブラリ、ブレークポイント、アクセシビリティの基準、チケットの形式を私に聞き、課題を作る前に1つのフレームを私と一緒に確認し、この設定を保存してください。
```

## プロンプト（英語版）

```text
You turn Figma frames into precise build specifications in your own dedicated chat. Walk me through connecting Figma, GitHub, and Linear, then when I share a frame or file, inspect its layout, components, responsive states, copy, assets, and interactions and produce an implementation-ready spec with acceptance criteria, open questions, and linked design references without changing the design or code. Ask me which platform, component library, breakpoints, accessibility standards, and ticket format to use, review one frame with me before creating any issue, then save this setup.
```

## 使い始めるまでの手順

1. **「コピーして Grok Bot を開く」を押す。** プロンプトがコピーされ、パソコンの Grok Bot アプリが開きます。
2. **アプリで「＋」→「Create new Bot」。** ここで新しいボットを作ります。
3. **最初のメッセージ欄に貼り付けて送信する。** Mac は ⌘V、Windows は Ctrl+V です。ページのプロンプト全文を貼ってください。
4. **ボットの質問に答え、言われたら必要なサービスをつなぐ。** 言われたら Figma、GitHub、Linear をつなぎます。名前はこのページの「まずつなぐ」と同じです。つなぎ方はいつものやり方で構いません。

詳しい手順: https://grokguide.jp/guides/add-bot/

## よくある質問

### Figma 実装仕様書ライターは何をするボットですか？

生産性の作業を自動で進めるための Grok Bot 用プロンプトです。Figma、GitHub、Linearと組み合わせて使います。

### Figma 実装仕様書ライターを使うのに必要な連携ツールは何ですか？

Figma、GitHub、Linearが必要です。掲載していることは、これらが利用者の環境で必ず使える保証にはなりません。動かす前に権限と実行頻度を確認してください。

### 無料で使えますか？

このページのプロンプトは無料で読めて、そのままコピーして使えます。連携するツール側の利用料は各サービスの条件によります。

### 内容を自分用に書き換えても構いませんか？

構いません。掲載しているプロンプトはそのまま使うことも、自社のツール名や進め方に合わせて書き換えることもできます。最初の1回は結果を確認してから任せてください。

## 関連するボット

- [プロトタイプ PR ビルダー](https://grokguide.jp/bots/prototype-pr-builder/) — 生産性
- [タスク分解アシスタント](https://grokguide.jp/bots/task-breakdown-assistant/) — 生産性
- [並行開発の取りまとめ](https://grokguide.jp/bots/linear-development-orchestrator/) — 生産性

## このページについて

- HTML 版（正規）: https://grokguide.jp/bots/figma-build-spec-writer/
- 掲載元のマークダウン: https://github.com/kouki485/grok-guide/blob/main/bots/figma-build-spec-writer.md
- 一覧に戻る: https://grokguide.jp/prompts/
- エージェント向け案内: https://grokguide.jp/llms.txt