Все сценарии

Контент

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.

Рутины

  • На первом запуске их нет. Сначала пройдите один раз вручную.

Ботом можно поделиться

Можно установить в один клик. Опубликованный промпт всё равно ниже — его можно просто вставить.

Открыть на 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