Playing Nice with Design
summary
Shows how to build a reusable UI framework, generate its code from designer-friendly JSON, and load it into a Swift Playground so designers can tweak colors, fonts and states and see live results. Uses a designer app called True Colors, a JSON parser named Cyndi Lauper and template tool Sorcery; adds a build-phase script that copies framework sources into playgrounds. Demonstrates a mini app and recorded live-view success but warns playgrounds and playground books are fragile and distribution is fiddly.
AI-written summary · about
chapters (19)
- 0:00Intro
- 1:06SPOT HERO
- 4:03Vokal
- 5:46Naming Things Consistently across design and development processes
- 8:23Automatically Generate Code Based on the Designer's Intentions
- 8:37Get designers to use a specified format
- 10:42Underlying values change seamlessly
- 11:02Name changes break obviously
- 12:47Building a Framework
- 13:18Advantages of UI Frameworks
- 13:40Reusability
- 14:35Snapshot Testing
- 14:53Limitations of UI Frameworks
- 23:08New Copy Files Phase New Run Script Phase
- 23:50Re-incorporating design changes
- 24:24Working collaboratively
- 25:28Concurrency
- 28:01Playgrounds With Designers: Advanced Mode • Automatically generate every time there's a build of the application . Copy source files of framework into Sources folder in playground using a script • Use a multi-page playground to separate things • Let designers download from a consistent place
- 31:23Build the Building Blocks
related talks
55mFrom Design to Swift: Best Practices in App Development - ROUNDTABLE
34mPlaying Nice with UX and QA
18mHow to Make Your App Look Like You've Hired a Designer
39mDesigning with Components
40mDesigning in Clojure - an experience report
35mDesign Tokens for Cross-platform Design Systems
30mDesigning with React
38mDesign for Developers