Anthropic presenta Claude Design
(anthropic.com)- Herramienta colaborativa de diseño visual basada en el modelo de visión Claude Opus 4.7, para crear piezas visuales de alta calidad como diseños, prototipos, diapositivas y one-pagers
- Los usuarios pueden generar borradores de diseño, prototipos, diapositivas y materiales de marketing solo con descripciones en texto, y luego corregirlos y terminarlos junto con Claude
- Admite múltiples formas de entrada, como prompts de texto, carga de imágenes y documentos, conexión con la base de código y capturas web, además de ajustes finos mediante comentarios en línea, edición directa y sliders personalizados
- Durante el onboarding, lee la base de código y los archivos de diseño del equipo para construir automáticamente un sistema de diseño, y luego aplica de forma consistente los colores, la tipografía y los componentes de la organización en todos los proyectos
- Integra Canva, exportación a PDF, PPTX y HTML, además de bundles de handoff para Claude Code, unificando en un solo flujo de trabajo el recorrido desde la idea hasta la implementación real
Resumen de Claude Design
- Nuevo producto de Anthropic Labs presentado por Anthropic el 17 de abril de 2026, que permite crear piezas visuales como diseños, prototipos, diapositivas y one-pagers junto con Claude
- Funciona sobre el modelo de visión Claude Opus 4.7
- Se ofrece como research preview para suscriptores de Claude Pro, Max, Team y Enterprise, con despliegue gradual durante el mismo día
Usuarios objetivo y problema que busca resolver
- Incluso los diseñadores experimentados, por limitaciones de tiempo, muchas veces se ven obligados a reducir la exploración a unas pocas opciones
- Para fundadores, product managers y marketers sin formación en diseño, visualizar y compartir ideas implica una carga importante
- Claude Design ofrece a los diseñadores más margen para explorar y, a quienes no son diseñadores, una forma de crear piezas visuales
Cómo se usa
- El usuario describe lo que necesita y Claude genera una primera versión
- Después, el resultado se refina mediante conversación, comentarios en línea, edición directa y sliders personalizados creados por Claude
- Si se le otorgan permisos de acceso, aplica automáticamente el sistema de diseño del equipo a todos los proyectos para mantener la consistencia con el diseño de toda la empresa
Casos de uso por equipo
- Prototipos realistas: los diseñadores pueden convertir mockups estáticos en prototipos interactivos que se comparten sin code review ni PR, para recopilar feedback y hacer pruebas con usuarios
- Wireframes y mockups de producto: los product managers pueden esbozar el flujo de funcionalidades y pasarlo a Claude Code para su implementación, o delegar a diseñadores el refinamiento adicional
- Exploración de diseño: los diseñadores pueden generar rápidamente múltiples direcciones visuales
- Pitch decks y presentaciones: fundadores y Account Executives pueden convertir un esquema preliminar en un deck alineado con la marca en cuestión de minutos, exportarlo a PPTX o enviarlo a Canva
- Materiales de marketing: los marketers pueden crear landing pages, assets para redes sociales y visuales de campaña, y luego finalizarlos junto con diseñadores
- Diseño de frontera: cualquier persona puede crear prototipos basados en código usando voz, video, shaders, 3D e IA integrada
Funcionamiento principal
- Claude Design está diseñado para seguir un flujo creativo natural
-
Construcción del sistema de marca
- Durante el onboarding, Claude analiza la base de código y los archivos de diseño para generar automáticamente el sistema de diseño del equipo
- Luego, los colores, la tipografía y los componentes se aplican automáticamente a todos los proyectos
- El sistema puede modificarse de forma continua, y cada equipo puede mantener varios sistemas
-
Múltiples métodos de entrada
- Ofrece diversos puntos de partida, como prompts de texto, imágenes, carga de documentos (DOCX, PPTX, XLSX) y selección de la base de código
- Con la herramienta de captura web, se pueden traer elementos de sitios reales para crear prototipos parecidos al producto real
-
Funciones de control detallado
- Incluye comentarios en línea sobre elementos específicos, edición directa de texto y sliders para ajustar espaciado, color y layout
- Los cambios pueden aplicarse en lote a todo el diseño
-
Colaboración
- Soporta configuración de compartición a nivel organización
- Los documentos pueden mantenerse privados, compartirse por enlace dentro de la organización o trabajarse en conjunto mediante permisos de edición
- También es posible modificar diseños junto con Claude dentro de conversaciones grupales
-
Exportación e integraciones
- Puede exportarse en varios formatos, como URL interna de la organización, carpetas, Canva, PDF, PPTX y archivos HTML independientes
- Los diseños terminados pueden empaquetarse como bundles transferibles a Claude Code para conectarlos de inmediato con la etapa de desarrollo
- A futuro se planea ampliar la integración con otras herramientas
Casos de socios
- Canva: al continuar su colaboración con Anthropic, permite llevar sin fricción las ideas y borradores creados en Claude Design a Canva para convertirlos directamente en diseños totalmente editables y colaborativos
- Brilliant: antes, prototipar interactividad compleja y animaciones era difícil, pero Claude Design ofrece un cambio de nivel (step change) al convertir diseños estáticos en prototipos interactivos
- Incluso la página más compleja, que en otras herramientas requería más de 20 prompts, pudo reproducirse en Claude Design con 2 prompts
- Al incluir la intención de diseño en el handoff a Claude Code, la transición del prototipo a producción se vuelve más fluida
- Datadog: el progreso del diseño en tiempo real durante la conversación mejora drásticamente la velocidad del prototipado
- Un trabajo que tomaba una semana entre brief, mockup y rondas de revisión se completa dentro de una sola conversación
- Los resultados respetan fielmente la marca y las guías de diseño
Primeros pasos
- Claude Design está disponible para suscriptores de Claude Pro, Max, Team y Enterprise, y puede usarse dentro de los límites de la suscripción
- Si se supera el límite, se puede seguir usando mediante la opción de extra usage
- En las organizaciones Enterprise viene desactivado por defecto, y un administrador puede activarlo en Organization settings
- Comenzar a usarlo: claude.ai/design
3 comentarios
Al probarlo, sorprende la precisión con la que reconoce bocetos hechos en una servilleta. Ahora ya ni siquiera hace falta chatear.
Después de este anuncio, parece que solo se está desplomando la acción de Figma. Es curioso que Adobe casi no se mueva, quizá porque ya había caído todo lo que tenía que caer.
Comentarios en Hacker News
Creo que herramientas como esta son posibles gracias a que el diseño en internet se ha homogeneizado alrededor del efecto vidrio y las sombras paralelas
Ahora se pueden hacer interfaces decentes con poco esfuerzo, pero los diseños únicos y artesanales de antes son cada vez más raros y generan nostalgia
Si es una herramienta interna para que abogados de hospitales busquen litigios médicos, lo mejor es una UI/UX predecible
Aun así, los humanos deben saber distinguir cuándo la homogeneidad está bien y cuándo hace falta personalidad
A menos que sea un proyecto artístico, no conviene agregar fricción innecesaria solo por el efecto wow
Los diseños “raros” del pasado no eran arte intencional, sino el mejor resultado posible con herramientas limitadas
Cualquiera que sepa lo difícil que es mantener consistencia y respetar las guías de plataforma sabe que esto es un verdadero regalo de los dioses
El problema no es tanto que diseñar sea difícil, sino que quienes las hacen ni siquiera saben que son feas
En nuestra agencia esto no reemplaza a Figma ni a los diseñadores
Más bien es muy útil como herramienta para comunicar intención
Antes pasábamos horas buscando sitios de referencia y explicando ideas; ahora armamos rápido un mockup con Claude o Lovable y se lo mandamos al diseñador, que lo entiende al instante
El ciclo de feedback pasó de semanas a minutos
Ahora ese proceso simplemente se automatizó de una forma mejor
Google Stitch era lento y flojo, pero el enfoque basado en Claude es bastante impresionante
Según Notes on the Synthesis of Form de Alexander, el diseño es un proceso de racionalización de fuerzas que define el problema
Pero la gente confunde el diseño con el resultado final
Ese malentendido produce diseños inadecuados
Con herramientas generativas, en vez de entender el problema, uno termina encajando el problema en las formas que ofrece la herramienta
Al final solo se controla el efecto estético y se pierde la comprensión estructural real
La innovación aparece únicamente en un proceso de diseño lento y gradual, y eso se termina perdiendo
Desde la perspectiva de un ingeniero, comparadas con herramientas de diseño complejas, estas más bien ayudan a explorar creativamente
La acción de Figma cayó justo después de que saliera la noticia
Está claro que este anuncio apunta a Figma, pero Lovable también sale afectado
Si Anthropic suma capacidades al nivel de Figma, podría ser un éxito enorme
Figma es para diseñadores; Claude Design es para no diseñadores
Probé pegar resultados de Stitch en Claude Design, y tanto las preguntas como los resultados fueron excelentes
Por un tiempo va a ser mi herramienta principal de prototipado
Cuanto más lo pienso, más siento que esto no le hace bien al diseño
La IA no puede producir un avance creativo real y al final converge en resultados promedio
Los buenos diseñadores van a rechazar este tipo de herramientas
El diseño no es solo UI; también incluye movimiento, tipografía, espacio en blanco y sensibilidad
Una GUI debe ser familiar; si intentas inventar interacciones nuevas, terminas haciendo todo más incómodo
Por eso Android e iOS se parecen tanto
Como diseñador con 25 años de experiencia, dejo este feedback
Consume demasiados tokens y el trabajo de logos es pésimo
La UX fue frustrante: se olvidaba del feedback y volvía a versiones anteriores
Tiene mucho adorno visual, pero no está centrado en el usuario
No aprovecha bien los sistemas de diseño existentes y siempre tiende a querer rehacer todo desde cero
Se parece al enfoque de extraer sistema de diseño → convertir en plantillas → exportar que había resumido antes, y es realmente potente
Lo uso todos los días junto con Claude Code
Es interesante que Figma haya colaborado con Anthropic y esta vez no lo mencionen
El uso de IA por parte de Figma fue decepcionante, y Figma Make era básicamente un prompt de Gemini 3 Pro
Como Figma tenía una alta proporción de asientos para PM o desarrolladores, parece que este cambio sí le va a pegar fuerte
Claude Design es un enfoque mucho más sólido
Parece que Anthropic está abarcando demasiado en producto
Si sigue expandiéndose así, la pérdida de enfoque es inevitable
Figma va a seguir concentrado en su producto, pero no está claro si Anthropic va a seguir prestándole atención a esto dentro de 2 o 3 años
Parece que después quiere conectarlo todo con orquestación de agentes
Claude Code, Cowork y Chat forman parte de un ecosistema centrado en los modelos Claude
Claude Design es una extensión de eso y tiene la ventaja de compartir el contexto del usuario
No creo que termine como Killed by Google
La mayoría desaparecerá, pero igual es una etapa interesante
Sus ingresos reales vienen solo de vender tokens, así que hasta el IPO es importante mantener el hype
Cada vez que Anthropic lanza un producto, conviene recordar que amplía el alcance de sus cláusulas de no competencia y que le gustan las demandas
Esto explica exactamente por qué Mike Krieger dejó el directorio de Figma