Defina uma direção
Descreva o público, as referências visuais, os formatos e as restrições.
Dê à sua ideia uma linguagem visual.
Crie pacotes de design com recursos reutilizáveis, tokens de design e exportações estruturadas para a próxima etapa do seu projeto.
Do briefing ao resultado.
Crie um conjunto coerente
Gere recursos de design e informação de estilo reutilizável em conjunto.
Reveja as exportações
Analise os ficheiros e as verificações de resultados e, depois, aperfeiçoe as partes que precisam de um ajuste mais fino.
Um conjunto de design é um resultado criativo. Escolha a criação de um site ou aplicação 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 ficheiros 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ácter e os contextos em que o design precisa de funcionar. A IA desenvolve um conjunto de design em torno desse briefing: uma identidade de marca, sistema de interface, conjunto de ilustrações ou outra coleção suportada. Reveja a paleta, a tipografia e a justificação em conjunto para que as várias peças pareçam relacionadas.
- Dê à IA referências visuais e restrições práticas.
- Reveja o logótipo, a tipografia e a paleta como uma única identidade.
- Solicite alterações à direção antes de levar os recursos para produção.
Construa o sistema
Faça os detalhes funcionarem em conjunto.
Nos conjuntos de design de interface, tokens reutilizáveis ligam os estilos de cor, tipografia, espaçamento e componentes. Uma folha de componentes renderizada mostra os controlos nos 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 até que ponto o conjunto responde ao briefing.
- Inspecione botões, campos e outros componentes reutilizáveis.
- Reveja os estados de foco, desativado e erro juntamente com o aspeto predefinido.
- Use os tokens partilhados para levar o mesmo estilo para a implementação.
Leve o trabalho adiante
Mantenha os recursos por detrás do design.
Abra uma visão geral do pack e siga as ligações até aos entregáveis. Consoante o briefing, estes podem incluir ficheiros 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 ativada e ligada, use a ligação de entrega gerada assim que essa exportação for concluída.
- Reveja a lista de ficheiros e a utilização prevista para cada entregável.
- Leve os recursos reutilizáveis e os tokens para o seu fluxo de design ou desenvolvimento.
- Verifique o relatório de exportação antes de considerar um ficheiro ou integração como entregue.
O fluxo de trabalho
Mantenha o trabalho ligado.
Descreva o resultado
Explique o público-alvo, o resultado pretendido e as restrições. Refine a direção antes de avançar.
Reveja o trabalho
Analise os ficheiros gerados, a pré-visualização disponível e as verificações relevantes para o resultado.
Crie a próxima versão
Peça alterações e, depois, exporte ou use o fluxo de entrega suportado por esse projeto.
Explore o que vem a seguir.
Ver todos os construtores
Criador de Websites com IA
Crie landing pages, lojas online e sites de conteúdo. Descreva o público e a experiência e, depois, reveja e refine a construção.
Explorar o AI Website Builder
Criador de Aplicações com IA
Construa apps web, móveis e de desktop em torno da tarefa que precisam de cumprir. Pré-visualize a experiência, refine-a e prepare o pacote adequado.
Explorar o AI App Builder
Criador de Jogos com IA
Transforme uma ideia de jogo num projeto jogável. Molde as regras, personagens e mundo e, depois, teste e itere sobre a experiência.
Explorar o AI Game BuilderPerguntas e respostas
Um pouco de clareza antes de começar.
O que pode incluir um pack de design?+
Um pack pode incluir recursos de marca, ícones, paletas, tipografia, ilustrações, folhas de componentes e recursos 3D suportados. O briefing determina que entregáveis fazem parte do pack.
O que devo incluir no briefing de design?+
Descreva o público, o mood, as referências visuais, os formatos pretendidos e quaisquer restrições de marca já existentes. Especifique onde os recursos vão ser usados para que o pack seja adaptado a esse contexto.
Posso pré-visualizar o design antes de o usar?+
O pack inclui uma visão geral, com uma folha de componentes sempre que o entregável o justifique. Reveja os recursos visuais, os tokens reutilizáveis e os estados de componentes relevantes antes de os adotar.
O que verifica a validação de design?+
As verificações inspecionam os ficheiros 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 analisa se o pack é coerente e segue o briefing.
Posso exportar os recursos?+
Reveja e transfira os ficheiros produzidos para o pack. Os entregáveis suportados incluem exportações de imagem, PDF e 3D quando solicitadas; os ficheiros exatos dependem dos recursos escolhidos e do fluxo de trabalho disponível.
Um pack de design inclui um site ou aplicação funcional?+
Um pack de design fornece recursos criativos e informação de design reutilizável. Escolha o Website Builder ou o App Builder quando precisar de um produto funcional, e inclua a direção de design nesse briefing.
O que vai criar?
Crie um build ou coloque uma equipa especializada a trabalhar na sua próxima tarefa.