Claude Design: lo he probado, y tengo opiniones

Cada vez que se lanza una herramienta con inteligencia artificial que diseña parece que el mundo se vaya a terminar.

En el caso de Claude Design, uno de los titulares que más me hizo pensar fue el de The Register: «Anthropic debuts Claude Design, because who needs designers?»

Trabajando en Automattic, con Claude Code y otras herramientas en mi día a día. Sentí que tenía que probar Claude Design antes de opinar.

Este es el resultado.

Qué es Claude Design

Claude Design es un producto experimental de Anthropic que genera prototipos, presentaciones, one-pagers y otros materiales visuales a partir de un texto (o un `prompt). Está disponible para los planes Pro, Max, Team y Enterprise, y funciona con Claude Opus 4.7, el modelo más potente que tienen ahora mismo.

La propuesta es muy clara: t´u describes lo que necesitas, Claude genera una primera versión, y la vas refinando a través de conversación con Claude, añadiendo comentarios en línea o haciendo ediciones directas. Lo bueno es que no solo acepta texto: también puedes subir imágenes, documentos (PowerPoint, Word y Excel) o darle una URL para que tome referencias. El resultado puedes exportarlo como PDF, URL, PPTX, HTML, o lo mandas directamente a Canva.

La prueba: le pedí que rediseñara uiFromMars

Crear el sistema de diseño

Antes de ponerte a generar nada, puedes pedirle que cree un sistema de diseño basado en una descripción, un archivo .fig (un fichero de Figma que guardas en tu ordenador).

Este es el archivo que le compartí, que tenía definidos los tamaños de la escala tipográfica, paleta cromática (con variables locales), un set de iconos, el logotipo, etc.

El resultado tiene bastante sentido:

Generar el rediseño

Una vez tengo el sistema de diseño, es momento de pedirle el rediseño. Utilicé Claude para que me ayudara a crear un buen prompt para Claude Code (muy meta todo).

Si quieres ver el prompt que utilicé abre el desplegable de abajo.

Redesign the homepage and article template for uiFromMars (uifrommars.com), a Spanish-language learning platform for UX/UI and product designers, run by Cris Busquets since 2018.
Context
uiFromMars helps Spanish-speaking product designers grow their careers through two structured content systems: Rutas (learning paths by career stage) and Mapas (topic-based knowledge maps). The Friday newsletter has 8,000+ subscribers and is the primary conversion goal.
Tagline philosophy: "sin palabrería, solo lo que puedas aplicar el lunes" — no fluff, just what you can apply on Monday. That ethos should drive every design decision.
Goals (in priority order)
Grow the newsletter — the main conversion. It should feel like an earned ask, not a popup.
Showcase the learning system — Rutas and Mapas are the product. Visitors should understand the structure within 5 seconds.
Modernize and sharpen the visual identity — the site should look like it was made by someone who teaches design, not a WordPress template.
Audience
Spanish-speaking product designers across Spain and Latin America, all career stages — career switchers, juniors, mids, seniors, leads. Design-literate, opinionated, allergic to corporate design-speak.
Current site reference
Before designing, inspect the live site at uifrommars.com using browser dev tools to extract the current color palette, typography stack, and type scale. Include a brief "current → proposed" comparison in your rationale so the direction shift is legible and intentional.
Design system
Use the existing uiFromMars DS as the foundation — tokens, spacing, typography, components, iconography. Pull from it wherever possible so the redesign stays coherent with the rest of the product ecosystem.
Where the brutalist/experimental direction requires pushing beyond the current system (new display type treatment, accent color usage, unconventional hero compositions, editorial layouts), propose those as additions or evolutions to the DS, clearly flagged in the deliverables. Don't discard the system, but don't let it flatten the direction either.
At the end, include a short list of proposed DS extensions — new tokens, components, or patterns introduced by the redesign — so they can be absorbed back into the system.
Visual direction: bold / brutalist / experimental
Lean into a strong, distinctive identity:
Typography as the main visual element. Oversized display type, mixed weights, tight tracking. A bold sans (Söhne, Basis Grotesk, Neue Haas Grotesk, or an experimental alternative like Migra, Editorial New, PP Neue Montreal) paired with a mono for metadata. Must have full Spanish diacritic coverage. If the DS already defines a display face, evolve it rather than replace it.
High-contrast palette. One accent color doing a lot of work. Consider a single saturated hue (electric blue, signal red, acid green) against off-white and near-black. Avoid gradients.
Raw, confident layout. Visible grids, aggressive horizontal rules, generous whitespace where it matters and density where it earns it. Asymmetry is fine.
Playful Mars-ness, used sparingly. A subtle nod through iconography, a single hero element, or typography — not a theme park. One good idea, executed with conviction.
Numbers and metadata as design. Article counts ("82 artículos"), reading times, dates, categories — treat these as visual assets.
Reference territory: Are.na, Read.cv, Stripe Press, Julian.com, the Pitchfork redesign, The Pudding, Offscreen Magazine, Working Not Working. For tone, look at small European studios: Folch, Clase BCN, Studio Dumbar.
Scope
1. Homepage with these sections:
Hero with clear positioning and primary newsletter CTA
Rutas (4 paths: Cambio a producto, Junior a Mid, Mid a Senior, Liderazgo)
Mapas (6 topics: Figma, Fundamentos de UI, Investigación UX, Diseño con datos, Carrera y portfolio, Comunicación)
Popular articles
Latest articles
Secondary newsletter CTA in the footer area
2. Article template with:
Strong title treatment, category, reading time, date
Readable long-form body (this is an education site — typography for reading is non-negotiable)
Inline newsletter CTA partway down
Related articles / "next in this ruta" at the end
Table of contents for long articles
What to keep
The Rutas / Mapas structure — it's the site's core IP. Don't flatten it into a generic blog.
Spanish copy — keep it, feel free to sharpen it. Direct, confident, no motivational filler.
Content density — this is a reference library, not a landing page. Don't hide content behind oversized heroes.
What to avoid
Generic SaaS gradients, glassmorphism, soft pastel palettes
Stock photography of people at laptops
AI-generated illustrations
"Empower your design journey" marketing copy
Hero sections that push real content below the fold
Cookie-cutter "course platform" aesthetics (Domestika/Coursera clones)
Excessive animation — confident design doesn't need to wiggle
Deliverables
Desktop and mobile mockups for homepage and article template
Type system (display, body, mono) — referencing or extending the uiFromMars DS
Color palette with hex values — referencing or extending the uiFromMars DS
Spacing/grid system notes
List of proposed DS extensions (new tokens, components, or patterns)
Short rationale (3–5 sentences) for the direction chosen, including the current → proposed comparison
One constraint worth naming
This is a site about design, made by a designer, for designers. The bar is higher than normal — every choice will be scrutinized by the exact audience the design is for. Design accordingly.

Este es todo el proceso. Lo he grabado en dos vídeos porque la generación de la propuesta tardó unos 12 minutos:

Si no quieres ver el vídeo, el resultado fue este:

He querido darle el beneficio de la duda y he probado otra iteración, esta vez compartiendo una referencia visual (una captura de la página de Stripe) y la URL. Le he pedido que rediseñe solo le homepage para escritorio:

Este es el resultado. Se nota que no se para a «pensar» sobre qué está haciendo, porque hay algunos elementos en la interfaz que no tienen ningún sentido. Por ejemplo, me pregunto por qué usa el morado si no está en mi sistema de diseño: por mucho que la referencia sea Stripe, el sistema de diseño debería tener precedencia.

Mi opinión sobre Claude Code

Qué me convenció

No se le puede negar que es rápido. En 12 minutos creó el diseño de la página inicial y de un artículo, siguiendo más o menos el sistema de diseño que tenía definido.

Para presentar una idea sin tener que pasar por Figma, o para un borrador rápido poco preciso antes de una reunión, funciona. No perfectamente, pero funciona.

El hecho de que puedas «conversar» con el diseño también es un punto a favor: no se trata de algo que genera Claude y es estático. Puedes iterar dejando comentarios genéricos o sobre componentes en concreto. Claude entiende el contexto y ajusta lo necesario.

Y lo que más me sorprendió: la integración directa con Claude Code para el handoff de desarrollo. Si usas Claude Code en tu equipo, el salto de diseño a implementación es directo. Reconozco que esto puede ahorrar bastante tiempo y evitar muchas conversaciones sobre márgenes y espaciados, reduciendo así uno de una de las partes del proceso de diseño que menos gustan (y de las más técnicas).

Lo que no me convenció

En el post sobre MCP para diseñadores ya comenté que había experimentado con el MCP de Figma para generar propuestas rápidas. La conclusión: por mucho que le compartas el sistema de diseño, las interfaces no son suficientemente buenas y sigues necesitando horas para arreglarlas.

Con Claude Design pasa algo parecido. Los resultados son visualmente más decentes de lo que esperaba, pero se nota que falta criterio y que alguien piense realmente en qué está diseñando. Las jerarquías son genéricas, los espaciados son generalmente los adecuados, pero tienen fallos. Si tienes ojo entrenado, ves los fallos enseguida.

Y hay algo más: en Reddit describen el problema como «container soup of pills and cards»: todos los resultados tienen la misma tipografía, los mismos elementos, y la misma estructura. Y no es casualidad, es lo mismo que ya advertía en No, no tienes que «usar más IA»: cuando todos usamos los mismos modelos con prompts parecidos, las soluciones convergen.

El riesgo no es que la inteligencia artificial nos quite el trabajo. Es que nos quite el criterio y la capacidad de pensar y reflexionar.

Lo crucial es que la herramienta no sabe por qué estás tomando cada decisión. Sabe generar algo que parece un diseño. No sabe si ese diseño resuelve el problema real, por mucho que se lo digas en el prompt.

Aquí no puedo evitar acordarme de algo que escribí en 2018 (!) y que sigue siendo igual de cierto: las herramientas no te convierten en diseñador/a. Antes era Photoshop. Luego Sketch. Luego Figma. Ahora Claude Design.

La pregunta que importa sigue siendo la misma: ¿qué problema estás resolviendo?

Otro aspecto que no he visto mencionar demasiado y que me parece importante: los tokens se agotan muy rápido. En PCWorld documentaron cómo en unos minutos gastaron la mitad de tokens de Claude Design para la semana. Esto no es un detalle menor: ¿realmente puede sustituir a los diseñadores si con la mitad del diseño ya te quedas sin poder continuar la iteración?

Poniendo un ejemplo claro: la primera iteración del ejemplo de arriba me costó el 35% de los tokens semanales disponibles. Con la segunda iteración inspirada en Stripe, y considerando que solo era una interfaz, llegó al 43%.

¿Es Claude Design una amenaza real para los diseñadores?

Anthropic dice que Claude Design no pretende competir con Figma ni Canva, sino llegar a quienes no usan herramientas de diseño y necesitan pasar rápido de una idea a algo visual. El público objetivo que describen son product managers prototipando funcionalidades, founders creando pitch decks, marketers haciendo materiales.

No diseñadores.

El mercado, de momento, no se lo ha creído del todo: Tanto Adobe como Figma cayeron un 7% en bolsa el día del lanzamiento.

El problema es que la distinción entre «para no diseñadores» y «para diseñadores» se difumina en la práctica. Algunas empresas puede que vean esto y van a pensar: «si con un prompt tenemos algo suficientemente bueno para presentar, ¿para qué contratar a un diseñador?»

Twitter, LinkedIn, YouTube y otras redes sociales están siendo inundadas con mensajes catastróficos que auguran el final de nuestra profesión, todos muy convencidos de que nuestro rol va a desaparecer y que vamos a quedarnos sin trabajo.

Si has leído hasta aquí creo que te debe estar invadiendo la misma sensación. ¿Qué haremos si Claude Design y otras herramientas mejoran?

No olvides que diseñar NO es solo producir interfaces.

Lo que Claude Design, Google Stitch y otras hacen es automatizar la parte de producción que los diseñadores siempre hemos «infravalorado»: generar variantes, hacer la primera iteración, o preparar un borrador para una reunión.

Lo que no se automatiza es todo lo que queda «a la izquierda» del proceso de diseño: benchmarks, observar datos, hablar con usuarios, entender qué problema resuelves, por qué ese layout y no otro, qué datos mostrar y cuáles no, y cuándo algo que «funciona» no es lo correcto. No sustituye, ni puede, la intuición que tenemos, basada en muchos casos en años de profesión (llámalo artesanía), que nos guía en muchas ocasiones.

Ya escribí sobre esto en Cómo no ser reemplazado por la IA siendo diseñador/a de producto. Mi posición no ha cambiado. El criterio es lo importante.

Apuntes finales

Claude Design es útil para una tipo concreta de trabajo: hacer prototipos rápidos, decks, producir materiales internos, y quizás preparar primeras iteraciones si no necesitas mucha precisión.

En mi opinión, tampoco reemplaza Figma para trabajo en equipo, ni para sistemas de diseño a escala, ni para nada que requiera colaboración real o trabajo de precisión que se lance.

La pregunta que importa sigue siendo la de siempre: ¿por qué haces lo que haces? Si no puedes responderla, todavía no necesitas una herramienta. Necesitas pensar.

Quedarte solo con una herramienta es peligroso. No porque la inteligencia artificial te vaya a reemplazar, sino porque si tu único valor es saber utilizar una herramienta, cualquiera que la aprenda podrá hacer tu trabajo. Pero tú haces más que apretar botones que generan «cosas» 🙂

PD: No deja de parecerme curioso que Anthropic, la empresa detrás de Claude, esté buscando product designers.