Figma, Stitch o Claude Design: quina IA de disseny triar

En menys de quatre mesos, tres llançaments han canviat qui pot dissenyar la web o el prototip d’una empresa sense dependre d’un equip tècnic: Figma va portar agents d’IA i capes de codi al seu llenç a Config 2026, Google va convertir Stitch en un editor gratuït que genera interfícies completes a partir d’una descripció, i Anthropic va llançar Claude Design, capaç de transformar un prompt en una maqueta navegable i exportable. Per a una pime de retail o hostaleria que necessita una web o un catàleg online ja, la pregunta ja no és si pot fer servir IA per dissenyar, sinó fins on li convé arribar abans de necessitar software a mida. A Evicron, estudi d’IA i software a mida de Barcelona amb +200 projectes en 12 sectors, fem servir aquestes mateixes eines cada setmana per prototipar ràpid — i sabem exactament on deixen de servir.

Què aporta cada eina

Figma Config 2026: codi i agents al mateix llenç

A la seva conferència anual (San Francisco, 23-25 de juny), Figma va presentar capes de codi, plugins generatius i efectes visuals (Motion, Shaders) integrats directament al llenç, juntament amb Weave, la seva capa de fluxos d’IA per orquestrar tasques de disseny amb agents. La idea central: el codi passa a ser un material de disseny més, editable al mateix lloc on es maqueta.

Google Stitch: disseny gratuït per veu o per text

Stitch, de Google Labs, funciona sobre Gemini 2.5 Pro i genera pantalles navegables completes a partir d’una descripció escrita, parlada o d’una imatge de referència, amb llenç infinit i exportació a Figma o a codi React. És gratuït, amb 350 generacions al mes, cosa que el converteix en l’opció més accessible per provar una idea sense pressupost.

Claude Design: d’un prompt a una maqueta amb handoff a codi

Anthropic va llançar Claude Design el 17 d’abril de 2026, impulsat per Claude Opus 4.7. Permet partir d’un prompt, pujar documents (DOCX, PPTX, XLSX) o apuntar a un repositori de codi existent, editar en línia amb comentaris i controls d’espaiat i color, i exportar a Canva, PDF, PPTX o HTML. La seva diferència respecte a Figma i Stitch és el handoff: empaqueta el disseny llest per passar-lo a Claude Code i generar la implementació real amb una sola instrucció.

Per a què serveixen de veritat

Aquestes tres eines resolen bé un problema molt concret: explorar i validar una idea abans d’invertir. Una botiga de retail que vol veure com quedaria el seu catàleg online, o un restaurant que necessita una primera versió de la seva web de reserves per ensenyar a un soci, pot tenir alguna cosa navegable en minuts en lloc d’esperar setmanes. També són útils per generar variacions ràpides d’una landing o una campanya, o perquè un equip sense dissenyador dedicat tingui un punt de partida decent en lloc d’una plantilla genèrica.

On es queden curtes per a un negoci real

Aquí s’acaba el que resolen bé. Cap de les tres genera lògica de negoci real: un motor de reserves amb pagaments i senyal, un backoffice de gestió, integracions amb el teu TPV, el teu ERP o el teu CRM, o un flux de facturació. A Plata Garage, compravenda de cotxes premium a Sabadell, no n’hi havia prou amb una web atractiva: calia reserves online amb senyal, un backoffice de gestió i analítica sense cookies — res d’això surt d’un prompt, per bo que sigui el model que hi ha al darrere.

Tampoc resolen rendiment, SEO tècnic ni compliment normatiu. El codi que exporten aquestes eines sol necessitar reescriptura per carregar ràpid, ser accessible i estar ben indexat; i cap et garanteix que la teva web compleixi el Reglament europeu d’IA si fas servir un chatbot, ni el RGPD si reculls dades de clients. I hi ha un problema menys visible però igual de real: el lock-in. Dissenyar i prototipar dins la plataforma d’un proveïdor està bé mentre exploris; construir-hi el teu producte final vol dir dependre per sempre dels seus límits, els seus preus i els seus canvis de rumb.

Com ho fem a Evicron

Als nostres projectes fem servir Figma, Stitch o Claude Design a la fase de descobriment: són perfectes per arribar a la primera demo navegable a la setmana 2 del nostre procés de 4 fases amb sprints setmanals. A partir d’aquí, el desenvolupament passa a codi propi del client, sense lock-in, amb la lògica de negoci, les integracions i el SEO tècnic que un prototip no et pot donar. És el mateix criteri que apliquem al nostre servei de webs optimitzades per a SEO i IA i a software a mida: la IA accelera l’exploració, però el producte final necessita enginyeria.

Com decidir a la teva empresa

Abans d’encarregar —o prototipar tu mateix— la web o app del teu negoci, fes-te tres preguntes:

1. Necessites validar una idea o llançar un producte? Per al primer cas, qualsevol de les tres eines serveix avui mateix.
2. La teva web necessita lògica pròpia (reserves, pagaments, backoffice, integracions)? Si la resposta és sí, un prototip d’IA és el punt de partida, no la solució.
3. Quant t’importa no dependre d’un proveïdor? Si la resposta és “molt”, el codi final ha de ser teu.

Si vols que t’ajudem a decidir on acaba el prototip i comença el producte real, escriu-nos: la primera consultoria és gratuïta i en 24 h et donem un diagnòstic concret, no una llista genèrica d’eines.

Fonts: anunci oficial de Claude Design (Anthropic), cobertura de TechCrunch sobre Claude Design i pàgina oficial de Figma Config 2026.