Carlos

Dezgn DS

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.

  • Dezgn DS · dezgn.app
  • Criador: produto, design e lançamento
  • Product designers, startups e times de produto
  • 2025
dezgn.app

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”

Resultados

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

Próximo case

Trader Pro

Uma base pronta para desenhar plataformas de trading.