Inspiration

La geometría es la base de la creatividad visual, pero crear patrones complejos o arte matemático suele requerir habilidades técnicas avanzadas. Nos inspiramos en la idea de democratizar el diseño generativo, permitiendo que cualquier persona—sin importar su experiencia en diseño o programación—pueda transformar descripciones simples en arte geométrico sofisticado, directamente dentro de Adobe Express.

What it does

Nuestro Add-on permite a los usuarios generar figuras y patrones geométricos avanzados (como redes hexagonales, triángulos entrelazados, espirales, y fractales) simplemente escribiendo una frase o seleccionando un ejemplo. El sistema interpreta el prompt y crea la composición visual automáticamente, aplicando colores, gradientes y estilos modernos, todo integrado en el flujo de trabajo de Adobe Express.

How we built it

Construimos el Add-on usando JavaScript y la SDK de Adobe Express, aprovechando la API de geometría para crear y manipular nodos gráficos programáticamente. Implementamos un motor de interpretación de prompts que mapea frases en español o inglés a funciones generadoras de arte geométrico. Usamos patrones de diseño limpios, integración con el UI SDK de Adobe, y aplicamos buenas prácticas de accesibilidad y rendimiento.

Challenges we ran into

Interpretación de prompts: Traducir lenguaje natural a instrucciones geométricas precisas fue un reto, especialmente para patrones complejos. Limitaciones de la API: Algunas funciones avanzadas de geometría no estaban documentadas o tenían restricciones inesperadas. Rendimiento: Generar y renderizar múltiples figuras (como fractales o patrones densos) sin afectar la experiencia del usuario requirió optimización. UX/UI: Lograr una interfaz intuitiva y accesible, que invite a la experimentación sin abrumar al usuario.

Accomplishments that we're proud of

Logramos que cualquier usuario pueda crear arte geométrico avanzado sin conocimientos técnicos. Integramos prompts en lenguaje natural, haciendo la experiencia más humana y creativa. Creamos patrones visuales innovadores, como espirales de hexágonos con gradiente y estrellas fractales. Mantuvimos el código limpio, modular y fácil de extender para futuros patrones o estilos.

What we learned

La importancia de una buena documentación y ejemplos claros en las APIs. Cómo mapear ideas abstractas a código visual de manera eficiente. El valor de la iteración rápida y el feedback de usuarios para mejorar la experiencia. Nuevas técnicas de generación geométrica y manipulación de nodos gráficos en Adobe Express.

What's next for etheroi

Más patrones y estilos: Añadir soporte para nuevos tipos de arte generativo y personalización avanzada. Mejorar la interpretación de prompts: Integrar IA para entender descripciones aún más complejas o creativas.

Exportación y colaboración: Permitir compartir y reutilizar patrones entre usuarios. Educación: Crear recursos y modos educativos para enseñar geometría visual de manera interactiva. Integración multiplataforma: Llevar la experiencia a otras herramientas creativas y dispositivos.

Built With

Share this project:

Updates