[Dúvida] Como utilizar o 8pt-grid no adobe xd?

Olá, José! Tudo bem?

Para criar uma biblioteca de espaçamento vertical no Adobe XD utilizando o sistema de 8pt-grid, você pode seguir os seguintes passos:

1. Configurar a grade de layout:
   • Abra o Adobe XD e crie um novo projeto ou abra um projeto existente.
   • Selecione a prancheta (artboard) onde você deseja aplicar a grade.

• No painel de propriedades, ative a opção "Grid" e configure a grade para 8px. Isso ajudará a garantir que todos os elementos estejam alinhados aos múltiplos de 8.

1. Criar componentes de espaçamento:

   • Crie retângulos com alturas que sejam múltiplos de 8 (por exemplo, 8px, 16px, 24px, 32px, etc.).
   • Nomeie cada retângulo de acordo com sua altura para facilitar a identificação (por exemplo, "Spacing-8", "Spacing-16", etc.).
   • Converta cada retângulo em um componente (botão direito > Make Component).

2. Organizar a biblioteca:

   • No painel de ativos (Assets), organize seus componentes de espaçamento em uma seção específica para espaçamentos.
   • Você pode criar uma pasta chamada "Spacing" e arrastar todos os componentes de espaçamento para dentro dela.

3. Utilizar espaçamentos no design:

   • Sempre que precisar aplicar um espaçamento vertical, arraste o componente correspondente da biblioteca de ativos para a prancheta.
   • Isso garantirá que você esteja utilizando espaçamentos consistentes em todo o seu design.

Para te auxiliar ainda mais, lhe trago link sobre grids do adobe xd.

Qualquer dúvida estou aqui!

Até mais!