¿Alguna vez ha imaginado crear una página web pero se ha detenido por no dominar la programación? Las reglas del juego están cambiando, y la inteligencia artificial es la gran protagonista de esta transformación.
Figma, la reconocida plataforma para diseñar y construir productos digitales como sitios web, ahora permite que mediante instrucciones simples o ‘prompts’ se le indique a la IA: ‘quiero que el banner superior de mi sitio web luzca así’, y la tecnología lo materializa al instante.
Este salto tecnológico se logra a través de agentes inteligentes que simplifican el proceso creativo. Piense en estos agentes como compañeros de equipo basados en IA con los que se pueden explorar posibilidades creativas y ejecutar ideas sin esfuerzo.
Incluso, si en su equipo identifican una tarea repetitiva, como dar retroalimentación constante, es posible entrenar a un agente para que la realice y así ahorrar tiempo valioso.
Además, la plataforma permite integrar código para quienes buscan un control más preciso sobre lo que están creando.
Estas herramientas resultan especialmente útiles para emprendedores que necesitan, por ejemplo, desarrollar un menú interactivo, o para empresarios que desean renovar el diseño de su página web sin complicaciones técnicas.
¿Para qué sirve integrar código en una herramienta así?
Históricamente, los creadores y diseñadores de productos digitales se han enfrentado a una disyuntiva: explorar ideas libremente con su equipo o construir de manera lineal utilizando código.
Dylan Field, cofundador y CEO de Figma, explicó que estas falsas elecciones entre diseño y código terminan limitando la creatividad en lugar de potenciarla. Para eliminar este obstáculo, la plataforma ha introducido las ‘Code layers’ (capas de código).
Gracias a esta función, el diseño y el código pueden convivir en un mismo espacio, permitiendo:
- Importar código desde un repositorio en GitHub y sincronizar los cambios de vuelta.
- Generar nuevas direcciones de código utilizando el agente de Figma.
- Extraer flujos completos de código y convertirlos en capas de diseño editables visualmente.
- Probar múltiples ideas a la misma velocidad con la que se trabaja con capas de diseño tradicionales.
Cómo aprovechar un agente de IA
Los nuevos agentes de Figma actúan como compañeros que ayudan a explorar posibilidades creativas y automatizar tareas tediosas.
Algunas acciones que pueden ejecutar incluyen:
- Solicitar y generar código directamente mediante indicaciones de texto o ‘prompts’.
- Convertir tareas repetitivas en ‘habilidades’ que todo el equipo puede utilizar para trabajar de forma más precisa y consistente.
- Codificar y guardar la experiencia particular del equipo directamente en el agente.
- El agente ahora cuenta con un contexto mucho más profundo gracias a conectores de terceros, búsquedas web y archivos adjuntos.
- Con la llegada de los ‘Plugins generativos’, se puede pedir al agente que construya herramientas personalizadas y reutilizables sin requerir conocimientos técnicos ni configuración de desarrollo.
Otras funciones revolucionarias que trae Figma
Además, Figma ha incorporado nuevos ‘materiales creativos’ para que la experiencia sea fluida y no sea necesario abandonar el lienzo de trabajo.
- Animación (Motion).
Es posible diseñar de manera colaborativa animaciones, transiciones y transformaciones en 3D directamente en Figma. Se puede usar la IA para crear animaciones, aplicar estilos preestablecidos o utilizar una línea de tiempo para ajustes manuales.
- Sombreadores (Shaders).
Históricamente, crear efectos visuales personalizados requería un conocimiento profundo de matemáticas gráficas. Ahora, mediante instrucciones (prompts) se pueden construir efectos impulsados por WebGPU, logrando acabados como pixelado, varios tipos de desenfoque y tramado (dither) directamente en el lienzo.
- Figma Weave.
Esta función integra más de 20 herramientas de IA en el lienzo para que los diseñadores moldeen exactamente lo que quieren obtener, generando visuales de alta calidad.
- Perspectiva y 3D.
Los diseñadores ahora cuentan con transformaciones en 3D que van más allá de simples ilusiones de sombras, permitiéndoles moldear elementos de manera directa en su espacio de trabajo.
Fuente: Infobae