---
title: UI Design
type: taxonomy_archive
taxonomy: post_tag
slug: ui-design
term_id: 440
permalink: "https://camaraux.com.br/tag/ui-design/"
post_count: 6
---

# UI Design

Posts in this archive: 6

- [Diferença entre UX e UI Design: o que cada área realmente faz](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/diferenca-ux-e-ui-design.md) — Entenda a diferença entre UX e UI Design, compare objetivos, atividades, entregáveis e veja como as duas áreas colaboram em produtos digitais.
- [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.
- [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.
- [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.