Grokbot TemplatesGrokbot Templates
すべてのユースケース

コンテンツ

Build X three-panel Figma photomosaics with Grok Bot

Three-panel mosaics look simple and eat a designer's afternoon on Auto Layout tweaks.

共有

困っていたこと

matt palmer (@mattyp) wrote up how he ships the three-panel photomosaics you see on X: reverse-engineer ratios from existing posts, put a hero asset on a Figma canvas, componentize it across three panels, and let Grok Bot (with Figma connected) do the layout pain so he keeps asset selection and emotion. He shares a ready bot template and a durable first-principles loop: name the format accurately, ask what you needed up front after a miss, fold corrections into the next prompt. Tip/workflow — his optimized first prompt lived in the Article UI, so we do not invent it.

インストールまたは作成するもの

Connect Figma. Start from how you would build the mosaic by hand. Ask the bot for the right design term if you only have a vague description. Give it ratios from real X posts, your hero image, and fonts. Watch the run, note Auto Layout / padding / radius misses, fold those notes into the next prompt. For a one-off use a general Figma-connected bot; for repeats, specialize. Optional: install his shared template.

ボット

  • Figma Photomosaic

    General or specialist bot with Figma connected; builds three-panel mosaics from your hero assets.

プラグイン

  • 初日から入れるものはありません。初回の手順に従ってください。

ファイル

  • Hero image(s), fonts, and example three-panel posts for ratio reference.

ルーティン

  • 初回の実行では使いません。まず手動で1回通して確認してください。

共有できるボット

必要なら、インストール用のリンクを開いてください。貼り付けたい場合は、下に公開されたプロンプトがあります。

x.ai で開く

プロンプト

これはヒントであり、貼り付けられるシステムプロンプトではありません。作者はプロンプトを公開していません。初回の手順に従ってください。

初回実行

  1. 1Read https://x.com/mattyp/status/2097083263361958087 (Article: Using Grok Bot: Figma Photomosaics). Tip/workflow — do not invent his first prompt.
  2. 2Optional fast path: open https://x.ai/bot/dYpPe1PCZv2WJDVTYDwhc and connect Figma.
  3. 3Otherwise: connect Figma on a bot, reverse-engineer panel ratios from real X mosaics, drop in your hero assets and fonts.
  4. 4Tell the bot to build the canvas the way you would by hand (componentized three panels + Auto Layout).
  5. 5While it runs, correct Auto Layout / padding / radius misses and ask what it needed up front; fold that into the next prompt.
  6. 6You export and post. Bot never publishes for you.

承認フェンス

No send, post, or spend. Figma edit only until you export and post yourself.

調整ポイント

Steal the hand-build-then-prompt loop and the "ask what you needed up front" recovery. Not his exact prompt text.

出典

matt palmer @mattyp · 元の投稿

xAI とは提携していません。このプロンプトは当サイトが書いたものではありません。第三者テンプレートの規約も適用されます。

テンプレートを見る

チーム設計図を見る

Pro パック

アイデアだけでなく、完全な構成が必要ですか？

Pro パックには、人気ユースケースのジョブ本文、プロンプト、スケジュール、落とし穴が入っています。

Pro を見る