DesignPush Documentation
Technical and implementation documentation for DesignPush — a visual design token editor for creating, customizing, and exporting complete design systems.
Explore the docs
Section titled “Explore the docs”Fundamentals
Learn what design tokens are, the three-layer architecture, and how to navigate the DesignPush editor.
Editing Tokens
Deep-dive into primitive, semantic, and component token editing — all 13 primitive categories, 5 semantic categories, and component showcases.
Publishing
Export your design system as CSS, SCSS, TypeScript, JavaScript, or a Tailwind preset. Integration guides for React, Next.js, and more.
AI Workflow
Set up AI context, write effective descriptions, and use DesignPush tokens with Claude, Cursor, and other AI coding tools.