Best practices
World-class standards inside
Semantic tokens
Meaningful styling is the foundation of design systems. Use techniques from world-class design systems, not random UI kits.
Proper component exposure
When you need to find component, swap an instance you see the preview of the main UI element. So fast and convenient!
Component excellence
Thanks to the right naming conventions, consistent structure, components keep overrides, helping you to iterate faster
4pt soft-grid system
Design with consistent layout spacing & radius system thanks to variables. With modes you may prepare themes for spacing.
True accessibility in mind
More than WCAG, colors are using APCA, and they are synced with each other, so you may easily swap tones from the palette.
Universal typography
Well-crafted typography scale allows you to prepare design for all devices from web, desktop, mobile or even wearables.
Variables & styles
Professional set of variable collections to configure colors, spacing, radius. Prepared to be easily customized & expanded.
Top-notch effects
Glassmorphic blurs, shadows and other effects combined together to work for you under one beautiful & consistent system.
Auto Layout
All new features including wrap content options are used to get most of the Figma to create easy to use components.
Variants & properties
Configure components conveniently with the set of intuitively prepared properties.
Phosphor Icons
Set of world class Icons used as a base iconography elements within the kit. Outline & fill styles included.
Dark & light modes
All components with proper variable tokens setup include the dark mode. Works automatically.
“
I love the structure of the kit, access & edit all components very quickly. Prime kit is an awesome way to speed up your workflow.”
Jan Mraz
Co-Founder Atheros,
Design Influencer