Todo o Studio

Dezgn DS•Figma

Produtos com clareza desde a primeira tela

O Dezgn DS é um design system pronto para Figma que eu criei e vendo por conta própria. Ele entrega a designers e times de produto uma base completa e consistente, para que dediquem o tempo ao produto em vez de recriar botões, cores e telas do zero.

Produto
Dezgn DS · dezgn.app
Papel
Criador: produto, design e lançamento
Para quem
Product designers, startups e times de produto
Ano
2026
Produtos com clareza desde a primeira tela
66
Componentes prontos para usar
11
Coleções de telas completas para começar
2
Temas, claro e escuro, em cada peça
1
Licença vitalícia, paga uma vez

O que é

Uma biblioteca de componentes, padrões e telas completas que funcionam juntos, como um único sistema. Tudo vem no claro e no escuro, segue as mesmas regras visuais e atende aos padrões de contraste de acessibilidade, para que o que o time cria pareça pronto desde o primeiro rascunho.

Um dashboard feito com o Dezgn DS: cartões de receita, usuários ativos e conversão sobre um gradiente suave

A ideia

A maioria dos UI kits fica bonita na vitrine e se desfaz no uso real: cada tela vai mudando um pouco, o modo escuro fica para depois e trocar a marca significa refazer tudo. O Dezgn DS nasceu para resolver exatamente isso, com um único conjunto de regras por trás de cada peça, para que trocar uma cor ou um tema atualize o produto inteiro de uma vez.

A mesma lógica dá forma ao seu visual mais novo, um acabamento de vidro fosco que se adapta sozinho ao claro e ao escuro e continua legível sobre fotos e vídeos.

Uma hero de vidro no modo escuro: “Interfaces that feel like light”
Um player de música de vidro sobre uma foto de plantas
Notificações de vidro na tela de bloqueio de um celular

A proposta

Começar pela tela, não pelo botão. Junto com os componentes vêm telas completas dos produtos que os times mais constroem, como dashboards, relatórios, faturamento, quadros de tarefas, caixas de entrada e gestão de equipes. É abrir uma, adaptar ao produto e seguir em frente.

Tela de dashboard de loja com indicadores, barras e gráfico de rosca
Tela de relatório com gráfico de linha e funil de conversão
Tela de quadro de tarefas no modo escuro
Tela de gestão de equipe com status, tags e progresso

O objetivo

Ajudar times pequenos e designers independentes a entregar produtos com a consistência e o acabamento de uma grande empresa, em muito menos tempo. Essa também é a promessa do dezgn.app, a loja que desenhei e construí para apresentar e vender o sistema.

A página inicial do dezgn.app: “Build products with clarity”