Type: MCPSource: Claude ConnectorsPlatform: ClaudePlatform: CoworkPlatform: Code
Figma
Figma-Files, -Components und -Tokens auslesen — Design-Specs in Code übersetzen.
Figma-Connector mit Zugriff auf Files, Pages, Frames, Components und
Variables. Liest Tokens (Colors, Typography, Spacing) und kann sie als
CSS-Variables, Tailwind-Config oder Design-System-Code generieren.
Default-Brücke vom Design-Tool in den Frontend-Code.
Installation
Über Connectors-Directory aktivieren
- Connectors-Settings öffnenclaude.ai/settings/connectors
- Nach "Figma" suchen und "Connect" klicken
- OAuth-Flow durchlaufen und Permissions bestätigen
- Tool im Chat über "@" oder Tool-Picker referenzieren
Quelle: Claude Connectors