Modelo de prompt

Prancha de apresentação de design system com tokens, tipografia e componentes

Este prompt pede uma única prancha de apresentação que resume o design system de um produto que você define — por padrão, uma plataforma moderna de analytics SaaS. Ele lista as seções a incluir: tokens de cor, amostras tipográficas, estilo de ícones, botões, campos de entrada, cards de dados, componentes de gráfico e exemplos de espaçamento, e proíbe texto minúsculo, cards sobrepostos, degradês aleatórios e logos falsos de marcas. Nosso exemplo resultou em uma prancha limpa, com amostras de cores primárias, semânticas e neutras identificadas, uma escala tipográfica, um conjunto de ícones de contorno, estados de botões e campos, cards de KPI, quatro tipos de gráfico e uma escala de espaçamento. Use-o para apresentar uma direção visual, abrir uma revisão de design ou mostrar um guia de estilo num relance em uma apresentação ou estudo de caso.

Proporção 16:9Não precisa de imagem de referência
Abrir o gerador de imagensVer todos os modelos
Prancha de design system de analytics com amostras de cor, escala tipográfica, ícones de contorno, botões, estados de campos, cards, gráficos e espaçamento
Exemplo criado no Nano Banana Pro com GPT Image 2. Com outras entradas e configurações, o resultado pode ser diferente.

Prompt do modelo

Copie o prompt para o gerador de imagens e substitua os dados entre colchetes pelos seus.

Create a design system presentation board for [a modern SaaS analytics platform]. Include color tokens, typography samples, icon style, buttons, input fields, data cards, chart components, and spacing examples. Style: clean professional Figma-like board, precise alignment, readable labels, and consistent component proportions. Restrictions: no unreadable tiny text, no overlapping cards, no random gradients, no fake brand logos, no inconsistent UI styles.

Ideia de prompt de github.com. Ver a publicação original

Para que serve

  • Apresentar uma direção visual para um novo produto antes de construir os componentes
  • Imagens de capa para a documentação de um design system ou um estudo de caso
  • Slides de abertura para uma revisão de design com engenheiros e gerentes de produto
  • Comparar duas ou três direções de estilo lado a lado

Dicas de prompt

  • Substitua o produto entre colchetes pelo seu, como um app de banco ou uma ferramenta de reservas
  • Adicione uma paleta ou o nome de uma fonte se você já tiver; caso contrário, o modelo escolhe por conta própria
  • Mantenha a linha de restrições para orientar o layout e desestimular logos inventados, e depois confira o resultado
  • Trate os códigos hex e os tamanhos da prancha como sugestões e confira-os antes de reutilizá-los
  • Remova as seções de que você não precisa, como os gráficos, para dar mais espaço ao restante

Modelos relacionados

Notebook prateado em mesa de madeira com planta e caneca, com um dashboard claro de projetos na tela: cards de indicadores, gráficos e uma tabela

Mockup de UI/UX em notebook sobre uma mesa de madeira à luz do dia

Prompt de notebook fotorrealista em mesa de madeira minimalista, com dashboard limpo na tela, menu lateral, gráficos e tabelas, para produto e portfólio.

Dashboard de operações HELIX OPS para desktop com barra lateral escura, quatro cards de KPI, gráficos de linha, rosca e barras, tabela de ativos e alertas

Mockup de dashboard de operações SaaS para desktop com cards de KPI e gráficos

Prompt para mockup de dashboard desktop com barra lateral, barra de filtros, cards de KPI, gráficos de linha, tabela de dados e painel de alertas em ardósia e cobalto.

Doze cartões de afirmação em tons pastel dispostos em grade, com folhas e linhas douradas, títulos curtos e uma linha provisória para a frase

Kit de cartões de afirmação para imprimir com espaço para as suas frases

Prompt de grade de cartões de afirmação calmos e sofisticados, com fundos suaves, detalhes decorativos e área em branco para as suas próprias frases.