A Modern Designer's Workflow
summary
A practical workflow that replaces pixel pushing with reusable components: designers build Sketch symbols and shared libraries, use plugins like Split Shape and Color Contrast Analyzer, and create Anima stacks that behave like flexbox; files upload to Zeplin handoff which generates CSS/Sass, assets, and alerts. A real project example cuts design debt to a four‑hour fix at launch. Pattern Lab or Framer X can instead make the codebase the source of truth.
AI-written summary · about
chapters (10)
- 0:00Intro
- 1:01The Gutenberg Bible
- 2:18The History of Web Design
- 7:58Symbols
- 13:00Plugins
- 15:43Accessibility
- 17:33Anima
- 21:20Zeppelin
- 23:54Client Story
- 26:08Questions
related talks
15mModern Approach to Designer ❤️ Developer Collaboration
39mDesigning with Components
34mDesigners, Developers, Let’s Create the Difference!
42mBack to the Future: No More Static Mockups!
40mHow to optimise the workflow between designers and developers using design..
14mRethinking Designer-Developer Collaboration
01h 02mShould Designers?
17mThe rise of the design engineer