6-step workflow: Grok Bot + Figma MCP turns text prompts into real frames and components

nima_owji · x · 2026-11-04

@nimaowji shares a 6-step Grok Bot + Figma MCP workflow: connect Figma via Settings→Connectors, write a concise brief (size/colors/skill), let Grok build real frames with auto layout and components, iterate with short notes, save the look as a reusable skill, then export 2x PNG. Pro tips: Figma Starter allows 20 MCP calls/month (batch edits), send reference images, and request HTML renders to dodge call limits. FigJam diagrams work too.

Original post →

More from coding & agent

coding & agent channel →