UX-0219Free

Build a Spacing System Using an 8-Point Grid for Design Systems

UX / UIBeginnerText · Claude Sonnet

Design Systems

Sign in to save

Prompt

Create a comprehensive spacing system based on an 8-point grid for a design system. Define spacing tokens at these increments: 4px (half-unit for tight spacing), 8, 16, 24, 32, 40, 48, 64, 80, 96, 128. For each value, assign a semantic name (space-xs through space-4xl) and list…

Create your free account to see the full prompt

It is free and takes a minute: with your email or Google. Your account opens the free prompts, saves favorites and gets you first in line for the skill packs.

Tags

spacinggriddesign systemtokenslayout8pt