GavetaDrawer
Um drawer desliza a partir da beirada da tela. Uma parte da página atrás dele continua visível.
Encontre a palavra certa.
Tire a ideia do papel.
Descreva a interface ou o fluxo que você imagina, mas não sabe como chamar. O Vibulary encontra o termo certo, mostra um exemplo visual e transforma a ideia em um pedido claro para construir.
Use suas próprias palavras. Observamos o que é, o que faz e quando você precisa.Não tem certeza de como perguntar? Tente
MCP · Connect to your AI559guias10tópicos10idiomas128demos ao vivo
Veja. Dê um nome.Experimente a interface
Drawer.
Um painel que desliza pela lateral.
De uma sensação a uma ideia concreta.Atlas
Aprenda as palavras que você precisa para construir uma ideia.
Mostramos de onde vem cada termo. Normas, guias oficiais e palavras comuns da indústria têm rótulos diferentes.
BotãoButton
Um botão é um controle que você aperta para fazer algo acontecer na tela atual.
Diálogo ModalModal Dialog
Uma janela modal é uma tela focada. Ela bloqueia a tela atual até alguém fechar ou terminar o que estava fazendo.
Bottom SheetBottom Sheet
Uma bottom sheet é um painel fácil de usar no toque. Ela sobe de baixo e pode parar em alturas definidas.
Paleta de ComandosCommand Palette
Um command palette é um painel de busca amigável ao teclado. Ele abre ações, páginas e itens recentes.
GlassmorphismGlassmorphism
Glassmorphism é um estilo visual com superfícies claras em camadas. Ele usa desfoque, bordas leves e uma pequena sensação de profundidade.
Animação de molaSpring Animation
A animação de mola segue um modelo físico. Rigidez, amortecimento, massa e velocidade inicial controlam como ela se move.
Token de DesignDesign Token
Um Design Token nomeia uma única escolha de design. Exemplos incluem uma cor, espaço, fonte ou velocidade de movimento.
AcessibilidadeAccessibility
A acessibilidade ajuda pessoas com diferentes habilidades a entenderem e usarem um produto.
Objetivo do ProdutoProduct Goal
Um Product Goal afirma o resultado útil que um produto deve criar para os usuários ou para o negócio.
Geração Aumentada por RecuperaçãoRetrieval-Augmented Generation
Geração Aumentada por Recuperação, ou RAG, encontra evidências externas em tempo de execução. Ela fornece essas evidências a um modelo antes de escrever.
API & EndpointAPI & Endpoint
Uma API é um conjunto de regras para um software falar com outro. Um endpoint é um endereço e uma operação nessa API.
CSS GridCSS Grid
CSS Grid é um sistema de layout para linhas e colunas juntas. Pode definir áreas fixas ou alterá-las conforme o espaço muda.
Validação do FormulárioForm Validation
A validação do formulário usa regras e mensagens para encontrar, prevenir e explicar respostas ausentes ou incorretas.
Notificação toastToast
Um toast é uma mensagem curta de status. Ele não bloqueia a página e costuma sumir sozinho.
Git, Repositório, Branch & Commit — Pacote de AprendizagemGit, Repository, Branch & Commit — Learning Bundle
Este pacote de aprendizado conecta quatro ideias do Git. O Git é o sistema de controle de versão. Um repositório armazena seus objetos e referências. Um branch nomeia uma linha de trabalho. Um commit registra o estado de um projeto com metadados. O pacote não é um termo do Git.
Movimento ReduzidoReduced Motion
Movimento Reduzido é uma configuração de acessibilidade e modo de design. Ele remove ou simplifica movimentos que as pessoas não precisam.
Declaração do ProblemaProblem Statement
Uma Declaração de Problema diz quem tem um problema, quando ele acontece e por que resolvê-lo é importante.
Escolha o padrão que se encaixa no trabalho.
Dois padrões podem parecer semelhantes, mas desempenham funções diferentes. Estas regras curtas ajudam você a escolher.
↯↗
Botão · Link
O botão muda algo aqui. O link te leva a outro lugar.
□▯▱
Diálogo Modal · Gaveta · Bottom Sheet
Use um diálogo para uma decisão, uma gaveta para tarefas secundárias e uma bottom sheet para algumas ações em uma tela pequena.
▤◌
Skeleton · Spinner
Um skeleton mostra o formato do conteúdo que está carregando. Um spinner só mostra que o app está ocupado.
☑◉⊙
Checkbox · Switch · Radio Group
Caixas de seleção escolhem vários itens. Um botão de alternância muda um ajuste agora. Botões de rádio escolhem apenas um item.
Você sabe nomear o padrão de UI?
Leia a situação, depois escolha o termo mais claro. Sem perguntas capciosas.
Pontuação 0 / 2
Situação · 1/2
Quando você pressiona “Salvar rascunho”, o site salva suas alterações e informa se funcionou.
Transforme palavras da interface em um pedido de construção claro.
Escreva o que você precisa. Depois escolha o que a interface faz, como ela se parece e como se move. Transformamos isso em um pedido que você pode copiar.
Diga quem precisa disso, o que está acontecendo e o que deve acontecer em seguida.
VIBULARY / SOLICITAÇÃO● ● ●
Diga quem precisa disso, o que está acontecendo e o que deve acontecer em seguida.Diga quem precisa disso, o que está acontecendo e o que deve acontecer em seguida.
V.✦
Palavras claras, exemplos úteis.
Cada guia começa com um significado simples e um exemplo claro. Nomes técnicos aparecem apenas quando ajudam você a construí-lo.