Components AI

Una característica central es la capacidad de estilizar plantillas de marcado utilizando temas curados o tokens de diseño personales. Los usuarios pueden importar o definir sus propios tokens de diseño para garantizar la coherencia en todos los diseños. La herramienta proporciona funcionalidades dedicadas para crear sistemas de color accesibles, escalas tipográficas responsivas y sombras de caja en capas, facilitando un proceso de diseño robusto. El Markdown Publisher integra estilos generativos con markdown, ofreciendo resaltado de sintaxis para personalizar la apariencia de los ejemplos de código.

La plataforma cuenta con una colección creciente de componentes generativos tanto para diseño de UI como gráfico. Los usuarios pueden explorar una galería de componentes responsivos, ciclar a través de diseños generados o crear otros únicos desde cero utilizando controles paramétricos. La función 'Augment' permite ajustar finamente los diseños manipulando parámetros, con la opción de bloquear propiedades preferidas para descubrir un lenguaje visual distintivo. Una función 'Navigate' permite a los usuarios curar resultados futuros votando por diseños generados y guardando iteraciones ilimitadas.

Components AI admite la exportación en múltiples formatos, incluyendo React, JS, JSON, JSX, SVG, PNG, HTML, CSS, propiedades personalizadas de CSS y Sass. Una función de publicación con un clic permite compartir diseños instantáneamente para presentación o colaboración, incluyendo páginas web alojadas y activos para estilos. Los diseños se basan en restricciones, adhiriéndose a las pautas de marca definidas al tiempo que permiten anulaciones personalizadas. La importación de temas permite el uso inmediato de marcas visuales, con opciones para auditar, editar o impulsar las restricciones de los componentes generativos. La documentación de accesibilidad automatizada proporciona retroalimentación visual rápida sobre las puntuaciones de contraste y las combinaciones accesibles.

Los temas responsivos son una capacidad clave, que permite a los diseños dirigirse a valores en puntos de interrupción definidos para tipografía, diseño y espaciado. La herramienta ofrece soporte completo para más de 1000 fuentes de Google y fuentes locales, incluido el soporte para fuentes variables para un control granular. Hay activos y preajustes de diseño curados disponibles para su personalización. Miles de creativos, incluidos los de Pentagram, utilizan Components AI. La plataforma también ofrece tematización computacional para la accesibilidad del color y módulos interactivos de aprendizaje de CSS.