Defina uma direção
Descreva o público, referências visuais, formatos e restrições.
Dê uma linguagem visual à sua ideia.
Crie pacotes de design com assets reutilizáveis, tokens de design e exportações estruturadas para a próxima etapa do seu projeto.
Do briefing ao resultado.
Crie um pacote coerente
Gere ativos de design e informações de estilo reutilizáveis em conjunto.
Revise as exportações
Inspecione os arquivos e as verificações de saída, depois refine as partes que precisam de um ajuste mais preciso.
Um pacote de design é uma entrega criativa. Escolha um build de site ou app quando também precisar de um produto funcional.
De uma direção visual a um sistema de design reutilizável.
Veja a identidade, os componentes e os arquivos que levam o design para o seu próximo projeto.
Encontre a linguagem visual
Faça a identidade pertencer à sua ideia.
Descreva o público, o caráter e os lugares em que o design precisa funcionar. A IA desenvolve um pacote de design em torno desse briefing: uma identidade de marca, um sistema de interface, um conjunto de ilustrações ou outra coleção suportada. Revise a paleta, a tipografia e a justificativa em conjunto para que as peças individuais pareçam relacionadas.
- Dê à IA referências visuais e restrições práticas.
- Revise o símbolo, a tipografia e a paleta como uma única identidade.
- Solicite alterações na direção antes de levar os ativos para produção.
Construa o sistema
Faça os detalhes funcionarem juntos.
Para pacotes de design de interface, tokens reutilizáveis conectam os estilos de cor, tipografia, espaçamento e componentes. Uma folha de componentes renderizada mostra os controles em seus estados relevantes. A plataforma verifica a estrutura dos tokens, o contraste e a consistência dos componentes, enquanto a revisão de design considera o quanto o pacote responde ao briefing.
- Inspecione botões, campos e outros componentes reutilizáveis.
- Revise os estados de foco, desabilitado e de erro junto com a aparência padrão.
- Use os tokens compartilhados para levar o mesmo estilo para a implementação.
Leve o trabalho adiante
Mantenha os ativos alinhados com o design.
Abra uma visão geral do pacote e siga os links até as entregas. Dependendo do briefing, elas podem incluir arquivos vetoriais originais, exportações raster, uma folha de componentes, tokens de design e um manual de marca. Quando a exportação editável para o Figma estiver habilitada e conectada, use o link de entrega gerado se essa exportação for concluída.
- Revise a lista de arquivos e o uso pretendido de cada entrega.
- Leve ativos e tokens reutilizáveis para o seu fluxo de trabalho de design ou desenvolvimento.
- Verifique o relatório de exportação antes de considerar um arquivo ou integração como entregue.
O fluxo de trabalho
Mantenha o trabalho conectado.
Descreva o resultado
Explique o público, o resultado desejado e as restrições. Refine a direção antes de avançar.
Revise o trabalho
Inspecione os arquivos gerados, a pré-visualização disponível e as verificações relevantes para a saída.
Crie a próxima versão
Solicite alterações e depois exporte ou use o fluxo de entrega compatível com esse projeto.
Explore o que vem a seguir.
Ver todos os builders
Criador de Sites com AI
Crie landing pages, lojas virtuais e sites de conteúdo. Descreva o público e a experiência, depois revise e refine o build.
Explorar o AI Website Builder
Criador de Apps com AI
Crie aplicativos web, mobile e desktop em torno da tarefa que precisam cumprir. Visualize a experiência, refine-a e prepare o pacote adequado.
Explorar o AI App Builder
Criador de Jogos com AI
Transforme uma ideia de jogo em um projeto jogável. Molde as regras, personagens e o mundo, depois teste e itere na experiência.
Explorar o AI Game BuilderPerguntas e respostas
Um pouco de clareza antes de começar.
O que um pacote de design pode conter?+
Um pacote pode incluir ativos de marca, ícones, paletas, tipografia, ilustrações, folhas de componentes e ativos 3D suportados. O briefing determina quais entregas pertencem ao pacote.
O que devo incluir no briefing de design?+
Descreva o público, o clima, as referências visuais, os formatos pretendidos e quaisquer restrições de marca existentes. Especifique onde os ativos serão usados para que o pacote possa ser moldado para esse contexto.
Posso visualizar o design antes de usá-lo?+
O pacote inclui uma visão geral, com uma folha de componentes quando a entrega exigir uma. Revise os ativos visuais, os tokens reutilizáveis e os estados relevantes dos componentes antes de adotá-los.
O que a verificação de design checa?+
As verificações inspecionam os arquivos listados, os tokens de design, os pares de contraste relevantes, os estados dos componentes e as exportações suportadas. Uma revisão de design também considera se o pacote é coerente e segue o briefing.
Posso exportar os ativos?+
Revise e baixe os arquivos produzidos para o pacote. As entregas suportadas incluem exportações de imagem, PDF e 3D quando solicitadas; os arquivos exatos dependem dos ativos escolhidos e do fluxo de trabalho disponível.
Um pacote de design inclui um site ou app funcional?+
Um pacote de design fornece ativos criativos e informações de design reutilizáveis. Escolha o Construtor de Sites ou o Construtor de Apps quando precisar de um produto funcional, e inclua a direção de design no briefing desse build.
O que você vai criar?
Crie um build ou coloque uma equipe especializada para trabalhar na sua próxima tarefa.