DesignForge

O DesignForge é uma ferramenta que consolida as "regras de design" para aplicativos e telas em um único arquivo chamado DESIGN.md.

■ Quando usar:

・A percepção das cores e do espaçamento muda a cada vez que você permite que a IA crie a interface do usuário.

・Você sempre fica na dúvida sobre "qual cor eu usei da última vez?".

・As regras comuns que você pode passar para sua equipe ou para a IA só existem na sua cabeça.

A causa da discrepância não é uma diferença de percepção, mas sim a falha em fornecer uma "definição da resposta correta". O DesignForge coloca essa definição em um arquivo.

■ Como usar:

1. Escolha um modelo (predefinição específica para o gênero).

2. Ajuste a cor principal, o brilho, a fonte, a proporção, o espaçamento, o arredondamento dos cantos, etc.

3. Verifique a aparência real com a pré-visualização na tela.

4. Copie/compartilhe/salve o arquivo DESIGN.md e coloque-o em seu projeto.

Você só precisa escolher cerca de 8 itens. A partir daí, o sistema deriva automaticamente 14 cores, 7 níveis de fontes, arredondamento de cantos, espaçamento e estilos de componentes. Como você não precisa selecionar tudo manualmente, pode concluir o projeto sem desistir no meio do caminho.

■ Recursos

・Visualização ao vivo

Títulos, texto principal, botões principais, botões secundários, dicas, cartões e campos de entrada são exibidos com as configurações atuais. As alterações nos valores são refletidas imediatamente.

・12 ferramentas como um "provador virtual"

Inclui ferramentas práticas como lista de tarefas, notas adesivas coloridas, cronômetro de pausas, cronômetro, contador, roleta, contador de dias, rastreador de hábitos e verificação de pré-lançamento. Todas são desenhadas usando os tokens do arquivo DESIGN.md que você está criando. Você pode verificar esquemas de cores na sua "tela usual", e não apenas em uma tela de amostra.

・Detecção de contraste

O terminal detecta o padrão WCAG AA. Você pode encontrar combinações difíceis de ler antes de exportar.

・Compatível com o formato DESIGN.md

O formato de saída não é personalizado; ele está em conformidade com as especificações DESIGN.md, disponíveis publicamente.

* Salvar e Recuperar

Você pode salvar seus designs criados com um nome e carregá-los posteriormente.

* Saída

Um único arquivo Markdown contendo definições de tokens (YAML) para cor, fonte, layout, arredondamento de cantos e componentes, juntamente com uma seção de texto explicando "o que fazer/o que não fazer". Este arquivo pode ser colocado diretamente no repositório e lido por agentes de IA e membros da equipe.

* Observações de Uso

* Todos os dados inseridos são salvos no seu dispositivo. Não é necessário cadastro.

* Uso gratuito. Anúncios são exibidos para financiar o serviço.