Grokbot TemplatesGrokbot Templates
All use cases

Content

Build X three-panel Figma photomosaics with Grok Bot

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

Share

What hurt

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.

What to install or create

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.

Bots

  • Figma Photomosaic

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

Plugins

  • None on day one. Follow the first-run steps.

Files

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

Routines

  • None on the first run. Watch one manual pass first.

Shareable bot

Install click if you want it. The published prompt is still below for anyone who would rather paste.

Open on x.ai

The prompt

This is a tip, not a pasteable system prompt. The author did not publish one. Follow the first-run steps.

First run

  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.

Approval fence

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

What to tweak

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

Source

matt palmer @mattyp · Original post

Not affiliated with xAI. We did not write this prompt. Third-party template terms still apply.

Browse templates

Browse team blueprints