| Understand what the MCP server does and which type to use |
Figma MCP Overview |
| Set up the remote server in Claude Code, VS Code, or Cursor |
Remote Server Setup |
| Set up the desktop server with the Figma app |
Desktop Server Setup |
| Use the Claude Code plugin shortcut |
Claude Code Plugin |
| Look up all 13 available tools |
Available Tools Reference |
| Extract design context for code generation |
Design Context Extraction |
| Get design tokens and variable values |
Design Tokens and Variables |
| Link Figma components to my codebase |
Code Connect Integration |
| Get screenshots and metadata for large designs |
Screenshots and Metadata |
| Generate or update FigJam diagrams |
FigJam and Diagram Tools |
| Generate rules files for design system alignment |
Design System Rules |
| Choose between selection and link workflows |
Selection vs Link Workflows |
| Write effective prompts for code generation |
Prompting Strategies |
| Organize Figma files for better AI output |
Figma File Best Practices |
| Define custom agent rules for my project |
Custom Agent Rules |
| Understand rate limits and access tiers |
Rate Limits and Access Tiers |
| Review workflow patterns and anti-patterns |
Best Practices and Patterns |
| Understand limitations and workarounds |
Limitations and Workarounds |