Plasma Next Visual Design Evolution for Plasma
summary
A Visual Design Team effort builds a deployable design system (based on Untitled UI) with 24px icons replacing 22px, roughly 1,600 icons audited and redrawn, color scales (25–100 steps) and named variables, Inter-based typography with explicit rem sizes and line heights, an 8‑pixel grid spacing system, shadow presets (1x–3x), and component specs for buttons, toggles, inputs, tooltips, progress and badges; assets live in Figma and Penpot and export SVG/CSS-ready variables for developer integration.
AI-written summary · about
chapters (5)
- 0:00Introduction and background
- 7:10Current design challenges
- 11:05Design system foundations
- 21:26Vision and future plans
- 23:24Q&A and next steps
related talks
48mUplifting a Large Scale Design System
39mBuilding React UIs visually
20mPlanting the seed for a “systems state of mind”
19mBehind the system: A showcase of files that inspire us
36mBuilding a Web Design Tool for Developers
26mHow we engineered our design system
38mDesign for Developers
18mThe space-filling curve of design