More room for your next idea. Membership from $9.99/month.Take a look
All Grok Bots
Design

figma bro

Move from a Figma frame to a clearer build specification, with a review of components, tokens and motion.

Template by John Bai

THE OUTCOME

What you can make

  • A design-to-development specification for your chosen frame.
  • A review of component consistency, design tokens and motion.

Bring these with you

Provide an accessible Figma link and the target platform. Authorize your own Figma connection if needed.

Use your own Grok Bot account and applicable plan. Review the tools and permissions on the official template before adding it.

Your first conversation

Replace the brackets, copy your brief, then paste it into your imported bot. Your edits stay on this page.

From template to teammate

  1. 01

    Open the official template

    Use Add to Grok Bot to open this template on x.ai. If you need the app, follow the official download link there.

  2. 02

    Review, then add

    Review the instructions and integrations in Grok Bot, then confirm Add Bot yourself.

  3. 03

    Send your first brief

    Copy the starter prompt above, add your inputs and connect any tools you want to use.

The app did not open. What now?

Return to the official x.ai tab and use its download or open-app option. If you are signed out, sign in with your own account and check that your plan supports Grok Bot.

Read the official guide ↗
What does the template bring over?

Templates provide a starting recipe of instructions, skills, selected memories and plugins. The creator’s files, logins and private scripts do not transfer; your setup and results can differ.

Inspect the current template on xAI ↗

A third-party template curated by Skillrove, an independent directory. Summaries and starter prompts are our editorial suggestions. Check the original template for its current capabilities and integrations. Official import guide ↗

figma broOfficial template on x.aiAdd to Grok Bot