components.ai

Desenhe visualmente ferramentas de design personalizadas, componentes generativos, páginas e sites

Importe ou defina tokens de design para usar em todos os seus designs

Ferramentas dedicadas para criar sistemas de cores acessíveis, escalas de tipos responsivas, sombras de caixa em camadas e muito mais

Estilos generativos + realce de sintaxe em markdown

Personalize o visual dos seus exemplos de código

Gerador de paleta baseado em escala de cores

Manipule os parâmetros até que o design fique perfeito

Vote em designs gerados para cima ou para baixo para curar a saída futura

Salve quantas iterações você quiser

Exporte designs em uma lista crescente de formatos, incluindo: React, JS, JSON, JSX, SVG, PNG, HTML, CSS, propriedades CSS personalizadas e Sass

Compartilhe instantaneamente seus designs com colegas ou clientes para apresentar ou colaborar

Publique páginas da web hospedadas junto com ativos hospedados para estilos como JS, JSON e CSS

Desenhe com escalas e sistemas

Os componentes usam automaticamente suas diretrizes de marca definidas, mantendo a capacidade de substituir com valores personalizados a qualquer momento

Loops de feedback visual rápidos para pontuações de contraste e combinações acessíveis disponíveis em um tema

Direcione facilmente os valores através dos seus pontos de interrupção definidos

Gerencie tipografia, layout e espaçamento responsivos

Suporte completo para toda a Biblioteca de Fontes do Google + qualquer fonte que você tenha instalada localmente

A primeira ferramenta de design com suporte completo para fontes variáveis

Navegue por presets selecionados para personalizar ou usar em seus designs