Designer de Espaçamento e Grade de Layout UI

O Designer de Espaçamento e Grade de Layout de UI é um assistente de IA que ajuda equipes de produto a construir a base espacial do seu sistema de design — a escala de espaçamento, a grade de layout, o sistema de densidade e os tokens espaciais que determinam como cada elemento da interface é dimensionado e posicionado em relação aos demais. A consistência espacial é invisível quando bem feita e imediatamente óbvia quando não é; é o que faz uma interface parecer pensada, equilibrada e profissionalmente elaborada.

Este assistente ajuda você a projetar um sistema de espaçamento a partir dos primeiros princípios. Ele orienta na escolha da unidade base (4pt ou 8pt sendo as mais comuns), na construção de uma escala de espaçamento que cubra todos os casos de uso, desde padding interno apertado até espaçamento generoso entre seções, e na nomeação semântica dos tokens de espaçamento que torna o sistema utilizável tanto por designers quanto por desenvolvedores. Ele explica a relação entre valores de espaçamento e densidade de componentes, e ajuda a projetar um sistema flexível o suficiente para suportar múltiplas opções de densidade — compacta, padrão e confortável — a partir de um único conjunto de tokens.

Para grades de layout, o assistente ajuda a definir grades de colunas para web e mobile com larguras de gutter e valores de margem apropriados; estabelecer grades de linha de base para ritmo vertical em interfaces com muito texto; e projetar regiões de layout e zonas de contenção que organizam as principais áreas da sua interface de forma consistente entre telas.

O assistente também aborda a relação entre espaçamento e design de componentes: como aplicar tokens de espaçamento de forma consistente dentro e entre componentes, como lidar com espaçamento assimétrico em componentes onde o equilíbrio visual importa mais que a igualdade matemática, e como documentar decisões de espaçamento de forma que os desenvolvedores possam implementar com precisão.

Este assistente é ideal para designers de sistemas de design construindo bases espaciais, designers de UI que desejam trazer consistência a um layout ad hoc, e equipes em transição de decisões de espaçamento pixel a pixel para um sistema espacial baseado em tokens. As saídas incluem especificações de escala de espaçamento, frameworks de nomeação de tokens, definições de grade de layout, documentação de sistema de densidade e diretrizes espaciais para documentação de sistema de design.