Shopify Polaris: A Design System for Better Shopify App UX
summary
Polaris is a full design system with 40+ components, a Sketch UI kit, compiled CSS plus SASS source, and a live style guide with an API playground that shows React and HTML code and ships on NPM and CDN. It pairs with the embedded apps SDK, includes accessibility and keyboard/screen‑reader testing, and keeps partner branding in a top color bar. Early adopters report a 40% increase in merchant satisfaction. The new admin UI launches end of May and components are open on GitHub.
AI-written summary · about
chapters (9)
- 0:00Introduction and overview
- 1:09Why consistent Shopify matters
- 5:01Developer experience improvements
- 10:45Polaris beyond visuals
- 14:34Design system fundamentals
- 17:03Developer tooling and React components
- 22:19Adopting React and feedback
- 25:08Polaris as a team effort
- 26:14Q&A session
related talks
25mBuilding a Design System in React
48mUplifting a Large Scale Design System
17mLightning Fast E-Commerce: Remix your Shop with Shopify Hydrogen
19mBehind the system: A showcase of files that inspire us
28mA design system. A year in review
28mFrom Sketch to Code Designing a Component Kit
38mEmpathetic Design Systems
35mDesign system - From a Developer Point-of-View