Wix
Wix sites from chat
OfficialClaudeGeminiContent & Design
Figma
Turn Figma designs into working code with AI
OfficialClaude
01What it does
Figma's official connector lets Claude read your design files — layers, spacing, colors, and component structure — right from chat. Paste a Figma frame link and ask for production-ready React or Tailwind code, or have Claude pull out design tokens for your codebase.
02How to connect
Claude
In Claude, open Settings, then Connectors, add the Figma connector, and sign in to your Figma account when prompted.
03Pricing
Free with Figma account; usage limits depend on plan