Vés al contingut
Intel·ligència Artificial

Claude i ChatGPT en el procés de disseny: la guia completa per a UX, UI i fluxos creatius

Com els dissenyadors fan servir Claude i ChatGPT com a copilots per a la ideació, els textos UX i els prototips — amb prompts concrets i exemples pràctics.

Dorothee KrollVeröffentlicht am Aktualisiert am 12 Min Lesezeit
Interfície amb mòduls d'IA

TL;DR

La IA no substitueix els dissenyadors, però accelera enormement el procés. Claude destaca en textos UX estructurats i documentació, ChatGPT en brainstorming creatiu i copy ràpid. La guia mostra camps d'aplicació concrets, prompts i best practices.

La IA està canviant els processos de disseny de soca-rel. Mentre les eines clàssiques entreguen sobretot resultats visuals, els models de llenguatge moderns ja ajuden en el desenvolupament de conceptes, els textos UX i les decisions estructurals.

Claude i ChatGPT ajuden els dissenyadors a:

  • generar idees més ràpid
  • estructurar conceptes
  • optimitzar textos
  • desenvolupar fluxos UX
  • documentar sistemes de disseny

Amb això, el temps de la idea al prototip s'escurça considerablement. En aquesta guia mostrem com fer servir totes dues eines de forma concreta en el procés de disseny.

Diferències entre Claude i ChatGPT

Tots dos es basen en grans models de llenguatge, però es diferencien en els seus punts forts.

Claude (Anthropic):

  • Fort en estructura i lògica
  • Adequat per a documents llargs i anàlisis complexes
  • Precís en textos consistents i detallats
  • Gran finestra de context per a projectes extensos

ChatGPT (OpenAI):

  • Flexible en l'escriptura creativa
  • Fort en ideació i brainstorming
  • Versàtil en el workflow
  • Ampli ecosistema de plugins

Totes dues eines entenen prompts complexos, mantenen el context en converses llargues i entreguen en segons resultats que altrament costarien hores.

Camps d'aplicació en el disseny UX

Ideació i moodboards

La IA pot proposar moodboards, paletes de color o direccions d'estil. A partir d'una breu descripció de briefing, Claude genera propostes detallades d'estil i combinacions tipogràfiques.

Direccions d'estil típiques que es poden explorar per prompt:

  • Minimalista
  • Brutalista
  • Futurista
  • Editorial style
  • Corporate minimal

Prompt d'exemple: "Crea tres conceptes de moodboard per a una marca de moda sostenible. Públic objectiu: dones de 25–40 anys, urbanes, amb formació. Defineix per a cadascun una paleta de color (5 colors amb HEX), 2 combinacions de fonts i l'estil d'imatge."

UX writing i microcopy

El microcopy influeix en l'experiència d'usuari més del que la majoria creu. Etiquetes de botons, textos d'onboarding, missatges d'error i tooltips — Claude entrega textos consistents amb una tonalitat clara.

Camps d'aplicació típics:

  • Missatges d'error
  • Indicacions en formularis
  • Textos de CTA
  • Fluxos d'onboarding
  • Tooltips i textos d'ajuda

Prompt d'exemple: "Escriu 5 variants d'un missatge d'error quan un camp de formulari està buit. Tonalitat: amable, clara, sense alliçonar. Longitud màxima: 60 caràcters."

Documentació i processos

La IA pot documentar les decisions de disseny de forma estructurada:

  • Resums de reunions: sintetitzar les design reviews amb action items clars.
  • Guidelines d'UX: formular directrius d'usabilitat en un llenguatge consistent.
  • Descripcions de components: crear especificacions clares i completes per als desenvolupadors.
  • Design tokens: registrar sistemàticament valors de color, espaiats i definicions tipogràfiques.

Prompting creatiu per a conceptes visuals

ChatGPT brilla en el brainstorming creatiu:

  • Generar idees de logotips i descripcions de conceptes
  • Suggeriments de packaging amb propostes de materials i colors
  • Planificar sèries de contingut per a xarxes socials amb conceptes visuals
  • Textos ràpids de prototip per a copy de landing pages i headlines

Suport per a user research

ChatGPT pot crear guions d'entrevista, escenaris de test i user journeys basades en persones:

  • Guions de sessió per a entrevistes amb usuaris
  • Preguntes de test per a proves d'usabilitat
  • Escenaris basats en persones per a design sprints

Integració en eines existents

La força de la IA en el procés de disseny es nota especialment en combinació amb eines establertes:

  • Figma: wireframes i prototips sobre la base d'estructures generades per IA
  • Notion: documentació i planificació de projectes amb suport d'IA
  • Miro: preparar workshops i sessions de brainstorming

Workflow típic:

  1. Definir el prompt (briefing a Claude o ChatGPT)
  2. Generar l'estructura (textos, fluxos, conceptes)
  3. Crear el wireframe (el dissenyador el trasllada a Figma)
  4. Desenvolupar el disseny visual
  5. L'equip revisa i itera — si cal, es tornen a demanar variants a la IA

Aquest workflow estalvia típicament 2–3 hores per concepte.

Best practices per a prompts

Els bons prompts contenen:

  • Rol: "Ets un UX writer sènior per a una app fintech."
  • Públic objectiu: qui llegirà o farà servir els textos?
  • Context: quin producte, quin sector, quines limitacions?
  • Tonalitat: "Semblant a Stripe, però amb un to més càlid."
  • Format: estructura desitjada, longitud, nombre de variants.
  • Exemples: referències d'estil i qualitat.

Exemple: "Crea microcopy per a una landing page SaaS a l'estil de Stripe amb una tonalitat clara i precisa. 3 variants per a la hero headline, màxim 8 paraules cadascuna."

Checklist: Claude o ChatGPT?

TascaRecomanació
Textos UX estructuratsClaude
Brainstorming creatiuChatGPT
Documentació i guidelinesClaude
Variants de headlinesChatGPT
Textos llargs i consistentsClaude
Ideació exploratòriaChatGPT
Suport de codi (CSS, HTML)Tots dos
Guions de user researchChatGPT
Anàlisis complexesClaude
Documentació de design tokensClaude

Límits de la IA en el disseny

La IA no substitueix els dissenyadors. El que la IA no pot fer actualment:

  • Ajust visual fi: disseny de layout, composició i perfecció al píxel
  • Recerca d'usuaris: les entrevistes i observacions reals continuen sent humanes
  • Tests d'usabilitat: les reaccions reals dels usuaris no es poden simular
  • Estratègia de marca: el sentit de l'encaix i la coherència requereix experiència
  • Intuïció de marca: les decisions estratègiques sobre posicionament i diferenciació

La IA és un copilot poderós — però el dissenyador continua al volant.

Fonts

Über Dorothee

Experta en UX i content manager a Upscale GmbH.

Auf LinkedIn vernetzen

Buchen Sie Ihr Strategiegespräch mit dem Upscale Founder

Erfahren Sie, wie wir Design, Entwicklung und Performance Marketing in einem Setup kombinieren. Limitierte Plätze für kostenlose Erstanalysen.

Jetzt kostenloses Consulting sichern

Weitere Blogs

Materials de branding sobre una taula

Sistemes de marca per al creixement de botigues online: construir marca, no només vendre productes

4. Apr. 2026 · 12 Min
Disseny UX i UI

Sistemes de marca per al creixement de botigues online: construir marca, no només vendre productes

Un sistema de marca és més que un logotip. Per a les botigues online en creixement és la clau del reconeixement, la fidelització i el creixement sostenible.

Dorothee Kroll4. Apr. 202612 Min
Artikel lesen
Disseny UX i UI
Setups de pantalles en un entorn d'agència modern

Les 5 millors agències de disseny web a Àustria (Review 2026)

4. Apr. 2026 · 8 Min
SEO local

Les 5 millors agències de disseny web a Àustria (Review 2026)

Una visió general d'agències de disseny web especialitzades a Àustria — des de codi a mida fins a full service.

Dorothee Kroll4. Apr. 20268 Min
Artikel lesen
SEO local
Hero Image

Llista de comprovació d'SEO OnPage: els punts més importants per a un millor posicionament

15. Juni 2026 · 7 Min

Llista de comprovació d'SEO OnPage: els punts més importants per a un millor posicionament

L'SEO OnPage és la base de qualsevol bon posicionament. Aquesta llista de comprovació resumeix els punts més importants, des dels Title Tags fins als enllaços interns passant per l'estructura de la pàgina, explicats de manera entenedora.

Upscale Team15. Juni 20267 Min
Artikel lesen