UI Prep 8.0 is Live!!! 🎉
The UI Prep Design System has been completely rebuilt to include all updates from Config23! Including...
✨ Color Variables
✨ Light & Dark Mode
✨ Number Variables
✨ Auto Layout (Max/Min/Wrap)
💡 Design System Tip: Create custom color palette components
Build custom color palette components directly in your design system. This makes color documentation visual, reusable, and much easier to maintain.
One especially helpful trick: add a variant or property that shows
💡 Figma Tip: Duplicate complex components without rebuilding them
Ever needed a new component that’s almost identical to an existing one—but didn’t want to rebuild all the nested layers and properties from scratch?
Here’s my go-to trick 👇
If you duplicate a component, Figma
💡 Figma Tip: Let Figma Make write your design system docs for you
If you’re still creating DS documentation manually… you don’t have to anymore. Figma Make can generate documentation directly from your variables, styles, and components—all tailored to your team’s level of
DS Tip: Use separate color palettes for marketing and product UI
Marketing and product design have very different goals, constraints, and accessibility needs. That’s why it’s often best to maintain two related—but distinct—color systems. Marketing teams can explore