O modelo “Estrutura de Arquivo do Design System” ajuda a definir uma estrutura escalável e amigável para os seus arquivos Figma, para que todos na sua organização possam trabalhar de forma consistente e eficiente com o Design System.
A estrutura do arquivo é projetada para suportar tanto o Time Central do Sistema de Design quanto os Times de Produto interfuncionais. Ela esclarece quais arquivos são mantidos centralmente pela equipe do Sistema de Design e quais são de titularidade de Times de Produto ou Plataforma, que podem editá-los. Esta clara separação de titularidade fomenta a autonomia ao mesmo tempo em que assegura a consistência visual e estrutural em todos os produtos e plataformas.
O modelo não apenas define onde os arquivos devem estar, mas também descreve o que exatamente pertence a cada um deles. Ele inclui uma detalhada divisão dos Fundamentos (como tokens, grades, espaçamento, cores, tipografia), a estrutura dos arquivos de Tokens (incluindo Variáveis e Temas), e quais componentes pertencem às Bibliotecas Centrais versus às Bibliotecas de Plataforma ou Produto. Esta clareza ajuda a reduzir duplicação, melhora a integração e permite uma colaboração suave entre as equipes.
Seguindo este modelo, as equipes se beneficiam de responsabilidades claramente definidas, navegação previsível dos arquivos e um processo de entrega fácil. A estrutura garante que seu sistema de design possa escalar sem se tornar fragmentado ou redundante.
Como usar o modelo de estrutura de arquivos do sistema de design
O modelo é dividido em categorias de arquivos chave que refletem diferentes contextos de titularidade e uso:
Bibliotecas Fundamentais – Mantidas pelo time do Sistema de Design. Incluem elementos básicos de design, como tokens, sistemas de espaçamento, grades, paletas de cores, ícones e estilos de tipografia.
Biblioteca de Componentes Principais – Mantida pelo time do Sistema de Design. Inclui componentes e padrões principais com variantes e documentação.
Bibliotecas de Plataforma – Mantidas pelo time do Sistema de Design. Incluem componentes e padrões específicos para plataformas, por exemplo, para Web, Aplicativo Móvel ou Interfaces de Toque maiores.
Kits de UI em Nível de Produto – De responsabilidade dos Times de Produto e Plataforma. Apresentam composições específicas de produtos, layouts de página e adaptações construídas usando os fundamentos e componentes principais.
Ambientes Experimentais (por segmento) – Ambientes flexíveis para avaliações, ideação, prototipagem e explorações. Mantidos pelos Times do Sistema de Design, com contribuições dos Times de Produto e Plataforma.
Arquivo (por segmento) – Áreas estruturadas para arquivos obsoletos ou desatualizados. Ajuda a manter a organização dos arquivos, preservando referências históricas.
Arquivos de Diretrizes e Integração – Mantidos pela equipe do Sistema de Design. Fornecem documentação, melhores práticas, princípios de uso e suporte de integração para todas as partes interessadas.
Cada seção inclui convenções de nomenclatura e melhores práticas para garantir clareza, reutilização e consistência. Basta seguir o guia e adaptar a estrutura conforme necessário para atender às demandas de sua equipe, portfólio de produtos e panorama da plataforma.
Kathrin Koehler
Experience Design Director
I am a digital designer offering user-centered experiences and digital branding. My specialization lies in building accessible and scalable design systems.
