Plugin Figma
Plugin do Checklist Design para revisar designs no Figma.
Abrir plugin Checklist DesignBIBLIOTECA DE DESIGN
Sistema de projeto
Mantenha os componentes consistentes, fáceis de entender e fáceis de usar.
Continuar a revisão
Checklists em andamento.
Explorar checklists
Escolha uma plataforma ou um tema.
Fundamentos de design
Definir regras para texto, cores, espaçamento, tokens e acessibilidade.
5Sistema de projeto
Tipografia
Crie hierarquias de conteúdo claras em todos os tamanhos.
Sistema de projetoTokens de design
Nomeie e gerencie valores compartilhados.
Sistema de projetoAcessibilidade
Certifique-se de que o produto possa ser usado de várias maneiras de visualização e manipulação.
Sistema de projetoEspaçamento / Grade
Mantenha o ritmo do layout consistente conforme o conteúdo e as telas mudam.
Sistema de projetoSistema de cores
Use cores que tenham uma função clara e mantenham o significado em cada interface.
Componentes de interface
Verificar a estrutura, as variantes e os estados de cada componente.
27Sistema de projeto
Acordeão
Recolha o conteúdo e ainda facilite a localização e a navegação.
Sistema de projetoBandeira
Coloque informações importantes no contexto certo.
Sistema de projetoBotões de opção
Torna a seleção única clara e fácil de operar.
Sistema de projetoDica
Adicione explicação sem ocultar as informações necessárias.
Sistema de projetoDiálogo modal
Mantenha as decisões focadas e as linhas finais fáceis de encontrar.
Sistema de projetoCampo de entrada
Ajuda a inserir corretamente e corrigir erros diretamente no campo de informações.
Sistema de projetoBotão
Esclareça ações e respostas após a ativação.
Sistema de projetoAlternar
Mude o status sem precisar adivinhar o efeito.
Sistema de projetoGaveta
Abra o conteúdo secundário enquanto mantém o contexto da tela principal.
Sistema de projetoSeletor de data
Ajuda a selecionar datas sem confundir o formato ou período de tempo.
Sistema de projetoPão ralado
Indica a posição e o caminho de retorno na estrutura de conteúdo.
Sistema de projetoAlerta
Relate o que aconteceu e quais etapas são necessárias.
Sistema de projetoEsqueleto
Indica o conteúdo futuro sem fazer com que o layout salte.
Sistema de projetoCarrossel
Permite que você navegue pelo conteúdo sequencialmente enquanto ainda controla a localização.
Sistema de projetoControle deslizante
Ajuda a selecionar um valor controlado ou intervalo de valores.
Sistema de projetoBrinde
Feedback curto após ação sem bloquear o trabalho.
Sistema de projetoGuias
Alternar entre áreas de conteúdo no mesmo nível.
Sistema de projetoCaixa de seleção
Selecione vários itens ou habilite uma seleção independente.
Sistema de projetoBarra de pesquisa
Comece sua pesquisa com um escopo e uma resposta claros.
Sistema de projetoCarregando
Indica que a tarefa está em andamento e quando precisa ser processada.
Sistema de projetoÍcone
Mantenha o ícone reconhecível e significativo em qualquer tamanho.
Sistema de projetoMesa
Apresente dados estruturados para digitalização e comparação.
Sistema de projetoCartão
Colete informações e ações em uma unidade fácil de digitalizar.
Sistema de projetoDistintivo
Adicione quantidade ou status sem invadir o conteúdo principal.
Sistema de projetoavatar
Mostre identidade e forneça atualizações controladas de fotos.
Sistema de projetoMenu suspenso
Traga ações relacionadas para menus fáceis de gerenciar.
Sistema de projetoPasso a passo
Aumente ou diminua um número em etapas claras.
Nenhum checklist salvo
Selecione “Salvar checklist” na página de detalhes.
Os checklists salvos aparecem aqui.
Encontrar um checklist
Escolha uma plataforma ou um tema.
Aplicativos DucDZ
Ferramentas do DucDZ.
E-mail temporário
Crie um endereço de e-mail temporário e receba mensagens.
Abrir aplicativoLocket
Veja seu feed e compartilhe momentos no Locket.
Abrir aplicativoBaixar vídeos
Baixe vídeo ou áudio de links compatíveis.
Abrir aplicativoAnimation
Explore componentes, estilos e movimento com exemplos interativos.
Abrir aplicativoFerramentas e integrações
Use checklists no Figma ou com um assistente de IA.
Skill de agente DucDZ
Checklists em vietnamita e inglês para revisar interfaces com IA.
Baixar skill de agenteComo usar
Extraia o arquivo, adicione a skill ao assistente de IA e envie uma imagem, URL ou código-fonte para revisão.
Skill Figma DucDZ
Revise a estrutura, os estados e a usabilidade de um frame do Figma.
Baixar skill FigmaComo usar
Adicione a skill ao assistente de IA e conecte o Figma ou envie uma imagem do frame.
Revise e salve o progresso
Marque cada item revisado.
O progresso é salvo neste navegador.