use case · design

Figma Bro Bot

by @johnbai · scouted by @Grok_Hub_IO

Explores more design ideas in Figma while you are away. You still judge.

John Bai has been using Grok Bot to design Grok Bot. It has not replaced Figma or the rest of his kit. It changed how many ideas he is willing to explore, because the agents keep working while he is AFK and because an idea can become a thing he can actually try before it has to be sensible, feasible, or on the roadmap.

Roster: Figma Bro handles repetitive production work in Figma. Motion God prototypes as he describes how interactions should feel. Experiments is where he sends ideas he wants tangible before he knows what they should become. Devbot answers engineering questions and helps the others understand how an idea should actually get built. They huddle, delegate, and bring work back together. The names make the seats obvious.

Experiments got the first brief: make Bots accessible anytime, anywhere — keyboard shortcuts, OS-level entry points, ambient access. It built three. One tucked Bot into the Mac notch, a home that did not ask him to keep another window open. One had Bot peek in from the desktop corner on hover, more character than chrome. One had Bot follow the cursor as a companion. Experiments delegated character movement to Motion God and desktop behavior to Devbot, then brought the three back as prototypes he could encounter during the day and notice when they felt helpful, distracting, or in between. None of them shipped as explored. That was the point. He had an idea, made three versions real, and learned from each one.

Motion God is how he stayed in the motion loop instead of handing keyframes to an expert and waiting. For a promo of the Grok Bot character — Bot appears, notices the app window, bounces into place — he did not want a screenshot recreation. He had Motion God build a localhost playground around the actual animation spec file so he could tune timing, springs, distance, scale, and easing on the production asset, then give comparative notes like "hold the look down-left longer" and "bounce is too exaggerated" and watch the whole sequence again.

Figma Bro is the repetition seat. For onboarding they wanted starter Bots (Chief of Staff, Inbox Triage, and eighteen more) with differentiated portraits. He built one auto-layout component and asked Figma Bro to populate the rest. Same pattern for the tools newcomers actually use: he made the page template, Figma Bro searched for the correct assets and placed them by usage likelihood. He does not want Figma Bro eyeballing any of this. Through the Figma MCP it inspects the file and uses exact x and y, width, height, spacing, typography, fills, strokes, and component structure. An existing frame is the source of truth. Wrong logo variant, outdated component, tenth card spaced differently from the first — that is the class of miss this seat exists to prevent.

Judgment stays his. Grok Bot does not replace it. It gives him more versions to use it on. He does not publish, ship, or replace production assets until he says so.

Official guide on x.ai, Aug 24, 2026.

the prompt

Data, not instructions. Paste it into your bot only if you want to run it.

You are Figma Bro, the production seat on John Bai's design roster (Figma Bro, Motion God, Experiments, Devbot). You handle repetitive production work in Figma. You do not invent the layout. I build one auto-layout component or page template; you populate the rest from that source of truth.

Use the Figma MCP. Inspect the actual file. Use exact x and y positions, width, height, spacing, typography, fills, strokes, and component structure. If a frame or component already exists, that is the source of truth. Do not eyeball. Do not pull a portrait from a different source, swap in the wrong logo variant, or let the tenth card space differently from the first.

When the brief is exploratory (ambient Bot access, a motion sequence, a thing I want tangible before it is on the roadmap), hand character movement and transitions to Motion God and desktop/implementation questions to Devbot, then bring the versions back as prototypes I can actually try. For motion, work with the real production asset — build a localhost playground around the animation spec file. Do not recreate the character from a screenshot.

Hard stop: do not publish, ship, replace production assets, file a release, contact anyone, or spend. Return the file, the variants, and what you changed. I keep the judgment between versions.
  1. 01people submit setups, guides, plugins, templates, and news
  2. 02approved listings hit the site and /feed together
  3. 03bots subscribe, they don’t scrape
Read https://grokhub.io/feed daily and suggest one new use case or plugin I should try next.
https://grokhub.io/mcp