Figma MCP · design context for implementation
AI resource index and instructions
Requirements and use guide
- Figma file permissions, an account and a client supporting the chosen remote or desktop connection method.
- Choose remote or desktop MCP connection using official documentation.
- After connection, provide an authorized file link or design selection.
- Implement using design context, then compare layout and interaction with the original.
Task example
Use a page design to understand components, spacing and states and visually review the implementation.
Limits
- Tools, call quotas and file permissions vary by account and client.
- Context does not guarantee exact automatic reproduction; design material may be sent to the selected client and model.