--- title: Design System type: taxonomy_archive taxonomy: post_tag slug: design-system term_id: 411 permalink: "https://camaraux.com.br/tag/design-system/" post_count: 18 --- # Design System Posts in this archive: 18 - [DesignOps: o que é e como escalar operações de design](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/designops.md) — Entenda como DesignOps organiza pessoas, processos, ferramentas, governança e métricas para escalar design com consistência e qualidade. - [Como avaliar um DESIGN.md: auditoria de qualidade, acessibilidade e consistência](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/como-avaliar-design-md.md) — Aprenda a avaliar um DESIGN.md com um método prático de auditoria que analisa estrutura, tokens, componentes, acessibilidade, responsividade e uso por agentes de IA. - [Ferramentas de UX Design: guia completo por etapa do processo](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/ferramentas-de-ux-design.md) — Um guia para escolher ferramentas de UX Design pela etapa do trabalho, com opções para pesquisa, colaboração, prototipagem, testes, analytics e Design Systems. - [Vibe coding e design: o que muda quando a IA escreve o código por você](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/vibe-coding-design.md) — IA gera o código. O que sobra para o designer? Muito mais do que antes, mas diferente. - [Figma Variables: guia completo para design tokens, dark mode e theming](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/figma-variables.md) — Como estruturar Figma Variables com primitivas, semânticas e modes para dark mode, theming multi-brand e integração com código. - [Como documentar o design system de um site existente (sem começar do zero)](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/documentar-design-system-site-existente.md) — Projeto legado sem DS documentado? Veja como extrair tokens, auditar a interface e gerar o design.md em minutos. - [Extensões Chrome para designers: as ferramentas que uso (e algumas que criei)](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/extensoes-chrome-para-designers.md) — As extensões Chrome que todo UX designer deveria usar, organizadas por tarefa — incluindo as que desenvolvi para preencher o que faltava. - [Como criar um DESIGN.md: estrutura, exemplo e aplicação em projetos de IA](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/como-criar-aplicar-design-md-ia.md) — Aprenda a criar um DESIGN.md para guiar IAs, manter interfaces consistentes e transformar regras visuais em design system reutilizável. - [Espaçamento no Design System: Como Criar Tokens com Proporção Matemática](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/espacamento-design-system-tokens.md) — Espaçamentos escolhidos na intuição garantem inconsistência. Veja como criar uma escala matemática, definir spacing tokens e exportar para CSS, Android e Flutter. - [Escala Tipográfica para Design System: Como Definir Seus Tokens de Tipografia](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/escala-tipografica-design-system.md) — Tamanhos arbitrários quebram o design system. Veja como criar uma escala tipográfica com proporção matemática e exportar tokens para web, Android e Flutter. - [Acessibilidade Cromática no Design System: Como Garantir WCAG AA com sua Paleta de Cores](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/acessibilidade-cores-design-system.md) — Paleta aprovada no visual, reprovada no WCAG. Veja como validar contraste, daltonismo e dark mode antes que o design system entre em produção. - [O que é a Metodologia Atomic Design?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/metodologia-atomic-design.md) — O Atomic Design é uma metodologia de design de interfaces criada por Brad Frost que utiliza uma analogia química para organizar componentes de forma modular, escalável e consistente. Estruturada em cinco níveis (Átomos, Moléculas, Organismos, Templates, Páginas), ela foca na criação de componentes reutilizáveis, facilitando a manutenção e garantindo consistência no design system. - [Design System: o que é, como criar, componentes e governança](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/design-system-guia-escalabilidade-roi.md) — Um guia para entender o que é Design System, quais elementos formam esse sistema e como estruturar, implementar e evoluir uma base consistente para produtos digitais. - [Como Criar uma Persona de Usuário em UX Design: Guia Prático Passo a Passo](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/como-criar-user-persona-ux-design.md) — Aprenda a criar user personas eficazes com dados reais. Guia passo a passo com exemplos e templates para otimizar seus projetos de UX Design. - [Estratégias e Desafios Reais dos Design Systems Brasileiros: Além da Documentação](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/design-system-brasileiros-estrategia-negocio-guia.md) — Saia do básico e entenda como grandes empresas brasileiras utilizam design systems para reduzir custos e acelerar o desenvolvimento de produtos digitais com autoridade. - [Documentação de Design: handoff eficiente para devs](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/documentacao-de-design-handoff-para-desenvolvedores.md) — Design sem documentação é design incompleto. Veja o que incluir no handoff para que o dev implemente sem precisar adivinhar nada. - [Sketch App para UX/UI: o que é e como se compara ao Figma](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/sketch-ferramenta-design-colaboracao-prototipagem.md) — O Sketch continua sendo uma boa ferramenta para UX/UI? Conheça os recursos, limitações e diferenças entre Sketch e Figma em 2026. - [Figma: o que é, para que serve e como funciona a ferramenta padrão de UX em 2026](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/figma-ferramenta-ux-design.md) — De ferramenta de design a plataforma pública na NYSE: entenda o que o Figma faz, como usar e o que mudou nesse ano.