Contatta il team commercialeProva Claude

Figma

Integrazione con Figma: accedi ai file di design, estrai componenti, leggi i token e converti i design in codice. Colma il divario tra design e sviluppo.

Il plugin Figma colma il divario tra design e sviluppo collegando Claude Code direttamente ai tuoi file Figma. Accedi al contesto di design, estrai informazioni sui componenti, recupera i design token e converti i design in codice pronto per la produzione con fedeltà pixel-perfect.

Le funzionalità principali includono: estrazione di dati di design strutturati (layout, tipografia, colori) dai frame Figma, recupero di variabili e design token, mappatura dei componenti Figma nel codebase esistente tramite Code Connect e acquisizione di riferimenti visivi per la validazione. Il plugin è compatibile sia con il server cloud di Figma sia con l'app desktop.

Come si usa: Condividi un URL Figma e chiedi a Claude di implementare il design. Usa /implement-design per convertire i frame Figma in codice usando il design system del progetto. Usa /create-design-system-rules per generare linee guida personalizzate che codificano le convenzioni di sviluppo del team. Usa /code-connect-components per definire le mappature tra i componenti Figma e le relative implementazioni nel codebase.

Esempi di prompt: "Implementa questo design Figma: [incolla l'URL Figma]", "Crea le regole del design system per il mio progetto React", "Collega il mio componente Button alla sua controparte in Figma", "Estrai le variabili colore da questo file di design".

Altri plugin

Frontend Design

Frontend design skill for UI/UX implementation

Superpowers

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

Code Review

Automated code review for pull requests using multiple specialized agents with confidence-based scoring

Context7

Upstash Context7 MCP server for up-to-date documentation lookup. Connects to Context7's hosted remote MCP server (https://mcp.context7.com/mcp) — no local Node.js or npx required — to pull version-specific documentation and code examples directly from source repositories into your LLM context. Authenticate with Context7 when prompted.

Code Simplifier

Agent that simplifies and refines code for clarity, consistency, and maintainability while preserving functionality

Playwright

Browser automation and end-to-end testing MCP server by Microsoft. Enables Claude to interact with web pages, take screenshots, fill forms, click elements, and perform automated browser testing workflows.