Step 01
Configure Your AI Design Bot
Set up a personal Grok Bot template (e.g., 'FigmaBro') and connect it to your Figma account. You can teach it your specific preferences for things like artboard layouts and spacing over time.
IntermediateDesign
Automate Repetitive Figma Tasks with a Custom AI Design Bot
Delegate tedious production design work to an AI assistant. This workflow shows how to use a custom bot connected to Figma to handle repetitive tasks like icon placement, freeing you up for more creative work, all from your phone.
Try this with your AI assistant
Download the skill for this workflow. Version 1.0.1.
Source episodeHow I AI: Grok Bot Designers on Building Living Websites and Automated Design Systems
with Claire Vo
Before you start
Tools used
- Grok
xAI's conversational AI assistant
- FigmaVisitFigma
Collaborative design tool
The workflow
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
5 steps
Step 02
Capture Context from Figma
From your phone, open the Figma app and take screenshots of the necessary elements. For example, one screenshot of the source icons and another of the target artboards that need updating.
Step 03
Send a Voice Memo Prompt
Send the screenshots to your bot along with a conversational voice memo explaining the task. You don't need precise language; just describe the situation and the desired outcome as you would to a colleague.
Example prompt
Okay, here's the situation... I have a screenshot of a couple of icons that need to be essentially placed next to each of the bots in the exact same placement. I have the second screenshot, which shows ones that don't have an icon... take the icon, scale it up, put it in the same position as the rest...
Step 04
Let the AI Execute the Task
The bot will interpret your instructions, access the relevant Figma file, and perform the repetitive production tasks automatically, such as scaling and placing icons consistently across multiple frames.
Step 05
Review and Complete the Request
Quickly review the outputs generated by the bot. Once satisfied, paste the results into your team's communication channel (e.g., Slack) to complete the request, all while remaining away from your computer.
Build your next product with ChatPRD
Turn an idea into a PRD, user stories, and a plan.
Related workflows
intermediateDataMeta Muse
How to Use AI for Hobby Improvement and Data Analysis for Golf & Chess
Connect data from your hobbies (like golf scores or chess games) to an AI agent to get automated analysis, visual dashboards, and actionable coaching insights. Turn raw data into a story that helps you improve.
Open
beginnerPersonalMeta Muse
How to Create a Personalized Shopping Catalog from Your Instagram Saves Using AI
Turn your unstructured Instagram 'Saved' collection into a fun, personalized shopping catalog. This workflow uses an AI agent to organize your saves and present them in a nostalgic, engaging format like the SkyMall magazine.
Open
advancedContentMeta Muse
How to Revive an Old Blog or Digital Archive as a Personal AI Podcast
Resurrect your old digital content, like a forgotten blog from Blogger or Tumblr, by using an AI agent to find, consolidate, and transform it into a daily personal podcast. Reconnect with your past self in a new, listenable format.
Open
Start shipping better products.
Join 250,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.
Free to start · 14-day Pro trial · SOC 2 Type II
