Contenido
Build X three-panel Figma photomosaics with Grok Bot
Three-panel mosaics look simple and eat a designer's afternoon on Auto Layout tweaks.
Qué dolía
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.
Qué instalar o crear
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
Ninguno el primer día. Sigue los pasos del primer uso.
Archivos
Hero image(s), fonts, and example three-panel posts for ratio reference.
Rutinas
Ninguna en el primer uso. Mira primero una pasada manual.
Bot compartible
Instálalo con un clic si lo quieres. El prompt publicado sigue abajo para quien prefiera pegarlo.
Abrir en x.aiEl prompt
Esto es un consejo, no un prompt de sistema para pegar. El autor no publicó uno. Sigue los pasos del primer uso.
Primer uso
- 1Read https://x.com/mattyp/status/2097083263361958087 (Article: Using Grok Bot: Figma Photomosaics). Tip/workflow — do not invent his first prompt.
- 2Optional fast path: open https://x.ai/bot/dYpPe1PCZv2WJDVTYDwhc and connect Figma.
- 3Otherwise: connect Figma on a bot, reverse-engineer panel ratios from real X mosaics, drop in your hero assets and fonts.
- 4Tell the bot to build the canvas the way you would by hand (componentized three panels + Auto Layout).
- 5While it runs, correct Auto Layout / padding / radius misses and ask what it needed up front; fold that into the next prompt.
- 6You export and post. Bot never publishes for you.
Valla de aprobación
No send, post, or spend. Figma edit only until you export and post yourself.
Qué ajustar
Steal the hand-build-then-prompt loop and the "ask what you needed up front" recovery. Not his exact prompt text.
Fuente
matt palmer @mattyp · Publicación original
Sin afiliación con xAI. No escribimos este prompt. Siguen aplicando las condiciones de las plantillas de terceros.
Paquete Pro
¿Quieres la configuración completa, no solo la idea?
Los paquetes Pro te dan el texto de la tarea, los prompts, los horarios y los tropiezos de los casos de uso más populares.