Figma: Claude convierte rápidamente conceptos en código, y en un día se puede crear un sitio web
Los ingenieros de Figma afirmaron que antes de la aparición de Anthropic, los modelos de IA claramente carecían de gusto y personalidad en diseño, y que hacer que generaran diseños resultaba a menudo monótono y repetitivo. Claude permite que Figma tenga un modelo de IA con sentido estético, simplificando gran parte del proceso de comunicación y modificación. Como dijo Jensen Huang, el software SaaS y la IA no son relaciones hostiles, sino que hacen que los equipos de trabajo sean más eficientes en completar sus tareas.
Figma a través de generación de aplicaciones en lenguaje natural
El gerente de producto de Figma, Alex Mullans, señaló que en los flujos de trabajo tradicionales de diseño, las entregas a menudo se desvían de la idea original debido a limitaciones de implementación. Al integrar la generación de diseño y código en una misma plataforma, los equipos pueden mantener el control sobre la intención del diseño durante el proceso de desarrollo, reduciendo los costos de comunicación repetitiva. Figma usa Claude para operaciones en lenguaje natural, ahorrando mucho tiempo a los diseñadores, quienes pueden convertir diseños estáticos en prototipos o aplicaciones interactivas, acortando la distancia entre concepto y validación.
Claude apoya a Figma Make, permitiendo a los usuarios crear rápidamente prototipos interactivos o aplicaciones funcionales sin escribir código. Diseñadores, desarrolladores y gerentes de producto pueden completar en minutos tareas que antes requerían mucho tiempo, dejando tareas repetitivas y procesos complejos en manos del sistema. Figma indica que este modelo permite a los equipos dedicar más tiempo a explorar diferentes direcciones de diseño y conceptos de producto, además de facilitar que miembros sin antecedentes en diseño puedan expresar ideas visualmente, ampliando la participación en el proceso de diseño.
Construir un sitio web en un día usando Claude
Al elegir modelos de inteligencia artificial, Figma se enfoca en equilibrar la calidad del código, la comprensión de la intención del diseño y la velocidad de ejecución. Mullans afirmó que Claude ha demostrado un rendimiento estable en múltiples evaluaciones, logrando un equilibrio entre precisión y necesidades del usuario. El equipo de Figma también señaló que el rendimiento de Claude en aspectos estéticos hace que los resultados generados no solo sean funcionales, sino también más alineados con la estética del diseño. Holly Li, gerente de producto de Figma Make, compartió que ella misma dedicó unas 30 horas a aprender React para crear un sitio web, y con la ayuda de Claude, en solo un día pudo completar la refactorización del código y ampliar funciones.
Holly Li dijo que cada actualización de Claude trae mejoras notables; ahora, con solo una indicación, puede generar diseños hermosos con gradientes, tipografías variadas y efectos de animación ingeniosos. Incluso, algunos diseñadores en el equipo de Figma dijeron: “Claude es increíble, me emociona tanto que casi lloro”.
Claude impulsa la revolución del diseño mediante lenguaje natural
Figma ha integrado Claude en sus productos “Figma Sites” y “Figma Make”, permitiendo que las ideas creativas se conviertan rápidamente en diseños mediante código. Los diseñadores pueden agregar interactividad a sitios existentes en Figma Sites usando lenguaje natural, y en Figma Make, pueden generar prototipos y aplicaciones con lógica, animaciones y respuestas a partir de descripciones en texto o archivos de diseño existentes.
Figma Sites: Los diseñadores pueden describir sus necesidades para agregar interactividad a sitios existentes, solo seleccionando elementos y escribiendo indicaciones en lenguaje natural, como “agregar efecto de inclinación al pasar el ratón”, y Claude generará rápidamente código de alta calidad, conservando los detalles del diseño original.
Figma Make: Permite crear prototipos interactivos o aplicaciones a partir de descripciones de diseños existentes en Figma. Puede transformar ideas en software real, comenzando desde cero o usando diseños existentes en Figma. Los usuarios ingresan indicaciones que describen sus necesidades, o copian modelos pixel-perfect de Figma, y Claude los convierte en prototipos completos con lógica compleja y animaciones.
La inteligencia artificial está cambiando la forma en que trabajan los diseñadores gráficos, permitiendo generar experiencias interactivas con simples indicaciones. Los equipos de diseño y desarrollo ya no necesitan crear prototipos manualmente ni escribir mucho código para validar rápidamente sus ideas, resolviendo así los problemas de comunicación tediosa entre diseñadores y desarrolladores.
Este artículo, Figma: Claude convierte conceptos en código rápidamente y puede construir un sitio en un día, fue publicado originalmente en ABMedia.