Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Grok Bot template · Generative code

Figma

Fetches Figma designs and translates them into production code.

IT and developmentProduct developmentCreativesGenerative codeDesignCoding

What it can do

The skills built into this template. Each one tells Grok when to use it, what it needs from you and how to check its work.

  • Fetch design context
  • Capture visual reference
  • Translate to code
  • Handle assets
  • Validate against Figma

Apps it works with

Connect these in Grok for the best results. It also works without them: you paste the information in.

Figama MCP server

The full template

For members

The complete Figma template: its identity, every skill step by step, its limits and its first-run questions, ready to paste into a new Grok Bot. Members get it, and every other template here.

Jobs this template suits

Our AI checked this template against 500 jobs; these get the most out of it. Each job links to its learning path.

Software DevelopersSoftware EngineersFrontend DevelopersWeb DevelopersWeb DesignersWebsite DevelopersUX/UI Designers

Similar templates

IT and development

3D Web Experience

Builds 3D web experiences with Three.js, React Three Fiber, and Spline, balancing visual impact with performance.

Creatives

Threejs Animation

Animate Three.js objects with keyframes, skeletons, morphs, and blending. No physics or AI.

Creatives

Neumorphism

Generate Neumorphism UI code with dual shadows and extruded appearance.

Creatives

Threejs Fundamentals

Set up Three.js scenes, cameras, renderers, and object hierarchies.

Creatives

Magic Ui Generator

Generate, compare, and integrate production-ready UI component variations using Magic by 21st.dev.

IT and development

Typography First

Generates text-first UI code where typography is the primary visual element.