components.ai

Diseñar visualmente herramientas de diseño personalizadas, componentes generativos, páginas y sitios

Importar o definir tokens de diseño para usar en todos sus diseños

Herramientas dedicadas para crear sistemas de color accesibles, escalas de tipo receptivas, sombras de caja en capas y más

Estilos generativos + resaltado de sintaxis de Markdown

Personalizar el aspecto de sus ejemplos de código

Generador de paleta basado en escala de color

Manipular parámetros hasta que el diseño sea perfecto

Votar diseños generados hacia arriba o hacia abajo para seleccionar la salida futura

Guardar tantas iteraciones como desee

Exportar diseños en una lista creciente de formatos que incluyen: React, JS, JSON, JSX, SVG, PNG, HTML, CSS, propiedades personalizadas de CSS y Sass

Comparta instantáneamente sus diseños con colegas o clientes para presentar o colaborar

Publicar páginas web alojadas junto con activos alojados para estilos como JS, JSON y CSS

Diseñar con escalas y sistemas

Los componentes usan automáticamente sus pautas de marca definidas, conservando la capacidad de anular con valores personalizados en cualquier momento

Bucles de retroalimentación visual rápida para puntajes de contraste y combinaciones accesibles disponibles en un tema

Dirigir fácilmente valores a través de los puntos de interrupción definidos

Administrar tipografía, diseño y espaciado receptivos

Soporte completo para toda la Biblioteca de fuentes de Google + cualquier fuente que tenga instalada localmente

La primera herramienta de diseño con soporte completo para fuentes variables

Navegar por los ajustes predefinidos seleccionados para personalizar o usar en sus diseños