g.grok-bot.netSubmit a bot ↗
Official marketplaceLink verified

figma bro

Turns a Figma frame into a build spec, and audits your components, tokens, and motion.

By John Bai · Last check attempted

Import to Grok Bot ↗View on x.ai ↗Source ↗

What it does

Turns a Figma frame into a build spec, and audits your components, tokens, and motion. Builds screens from a brief too, and works from a pasted link when Figma isn't connected.

How to use this template

  1. Review the original. Open the source to read the full instructions and check the tools it needs.
  2. Add it to your workspace. Use “Import to Grok Bot” above, then follow the steps in the Grok Bot app.
  3. Give it a first task. Adjust the instructions and connect the accounts needed for your own workflow.
Read the template guide →

Published capabilities

These details come from the source. Missing information is not a statement that a capability is absent.

Skills 8

  • Getting started
  • Frame to build spec
  • Build a screen from a brief
  • Component library audit
  • Design token audit
  • Motion and prototype notes
  • Design to code handoff notes
  • File structure cleanup plan

Routines 2

  • Weekly library check
  • Ready for dev sweep

Memories

4

Before you add it

We check that the link is live, not that the bot is safe.