ProgettiServiziBlogTop secret
Cercami
On the World Wide WebOn TwitterOn YouTubeOn InstagramOn Dribbble
Parla con me
Apr 2026
-blog.pdf

Skills per tutti..Claude, Figma e tanto altro

Le skill che contano oggi, per chiunque lavori nel digitale: una mappa pratica, non solo per designer o developer.
AI Frontend Coding

Spiegare la differenza tra le Skills di Claude e quelle di Figma, e mostrare come combinarle per un workflow di design più fluido.

about.html

Si parte!

Stavo lavorando in Figma come al solito.

A un certo punto ho aperto Claude.

E ho capito che stavo usando entrambi nel modo sbagliato. 😅

Parliamo di Skills, quelle di Claude e quelle di Figma.

Perché sì, entrambi le hanno. No, non sono la stessa cosa. E capire la differenza può cambiarti il workflow.

LE SKILLS DI CLAUDE

Claude (l'AI di Anthropic) ha un sistema di Skills: blocchi di istruzioni avanzate che definiscono come il modello si comporta in un determinato contesto.

Puoi pensarle come dei "super-prompt preconfigurati" che insegnano a Claude a ragionare in un certo mod, creare documenti Word, leggere PDF, fare ricerche web, generare presentazioni con logica coerente. A tutti gli effetti come se dovesse ricoprire un certo ruolo (Il tanto abusato "agisci come un graphic designer" si trasforma in una serie di regole ben delineate e verticali di abilità per l'agente che viene potenziato)

Non stai solo chiedendo "fammi una cosa". Stai dando all'AI un framework di conoscenza per farlo bene.

👉 Skill ufficiali Claude (docx, pptx, pdf, xlsx e altre):

→ Repo GitHub: https://github.com/anthropics/skills

→ Docs: https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview

🎨 LE SKILLS DI FIGMA

(Figma le chiama ufficialmente "Skills per agenti AI via MCP")

In Figma, le Skills (soprattutto nell'AI integrata e nei plugin intelligenti) sono capacità operative legate al design: generare layout, suggerire varianti, analizzare strutture, applicare stili automaticamente.

Sono orientate a trasformare l'intenzione in un'interfaccia concreta.

👉 Skill e AI features di Figma:

→ Skills https://help.figma.com/hc/en-us/articles/39166810751895-Figma-skills-for-MCP

→ Release notes: https://www.figma.com/release-notes/

→ Figma AI overview: https://www.figma.com/ai/


🧩 MA NON FINISCE QUI... ALTRI TOOL HANNO LE LORO SKILLS

Claude e Figma non sono gli unici. Il concetto di "skill" si sta espandendo a tutto l'ecosistema AI dei tool creativi e di produzione.

Antigravity (l'IDE agentico di Google), per esempio, supporta skill specifiche per coding, deployment, UI/UX e molto altro. E non è un caso isolato, sempre più tool stanno costruendo layer AI verticali, ognuno specializzato nel proprio dominio.

Il pattern è lo stesso ovunque: non un'AI generica che fa tutto, ma skill precise addestrate su quel tipo di lavoro specifico. La specializzazione vince sulla generalizzazione. 🎯

👉 Dove trovare e installare skill per Claude Code, Cursor, Gemini CLI, Antigravity e altri (QUESTI SITI SONO ORO):

→ 1.300+ skill installabili (community): https://github.com/sickn33/antigravity-awesome-skills

→ Directory curata con safety review (253+): https://www.antigravityskills.org/

→ Standard aperto Agent Skills: https://agentskills.io


⚡ LE DIFFERENZE VERE

Claude Skills → lavoro su testo, documenti, logica, codice. Output: Word, PDF, slide, analisi.

Figma Skills → lavoro su visual, UI, componenti. Output: frame, layout, varianti UI.

Entrambe sono personalizzabili. Entrambe si attivano in modo contestuale. Ma parlano linguaggi diversi.


🚀 COME APPLICARLE INSIEME

La svolta inizia quando le combini:

→ Usi Claude per fare ricerca utente, brief, copy UX e documentazione con le sue skill specifiche

→ Usi Figma per trasformare quei contenuti in schermate, layout e prototipi con le sue skill AI

Il risultato? Un flusso più fluido, meno "copia-incolla mentale" e più focus su ciò che conta davvero: il ragionamento di design e strategia.

Io ho iniziato a strutturarlo così nei miei progetti e la differenza è concreta. Non in termini di "wow che fico", ma di ore risparmiate a settimana. 🙌

Ma non esistono solo le skills..

Custom commands e Hooks:

Custom commands: comandi manuali (/nome) che eseguono un prompt predefinito per task specifici (es. review, fix).

Hooks: automazioni che si attivano da sole su eventi (es. salvataggio file), senza AI, in modo deterministico.

La differenza con Skills? Skills sono istruzioni persistenti che insegnano a Claude come lavorare e possono attivarsi automaticamente in base al contesto.

👉 Differenza chiave: comandi = manuali, hooks = automatici e sicuri, skills = “intelligenza appresa” che guida il comportamento dell'AI.

https://institute.sfeir.com/en/claude-code/claude-code-custom-commands-and-skills/tips/

Allego anche una risorsa utilissima di Daniele Cattaneo... il metodo di come costruire da zero una skills 😱 https://cattaneodesign.gumroad.com/l/claude-skill-design

💬 Tu stai già usando l'AI integrata in Figma o Claude nel tuo workflow?

Qual è la skill che ti ha cambiato davvero il modo di lavorare e che mi consigli?

Raccontamelo nei commenti, voglio scoprire nuovi approcci! 👇

#ai #mcp #ux #ui #startup #founder

Articoli simili

Vedi tutti gli articoli
March 2026
-blog.pdf

Shopify ha rivoluzionato il processo di sviluppo! AI HUB

Come Shopify ha reso l'AI un moltiplicatore di produttivita nello sviluppo prodotto: cosa cambia nel modo di lavorare dei team.

Leggi articoloAI Frontend Coding
March 2026
-blog.pdf

Come usare la tecnologia di Claude senza spendere una fortuna

Come usare la tecnologia di Claude nel lavoro quotidiano: casi d'uso concreti oltre la chat.

Leggi articoloAI Frontend Coding
Senior Product & UX/UI designer.  Unicorn Employee.
Webflow Dev - AI Coder

©from 2021 Fosca Cordidonne. All Rights Reserved. P.I. 03815170547, Ditta Individuale.
Privacy & Policy
Automatic cookies by Webflow