Automating UI development

on YouTube ↗25m

" summary

Describes wiring Sketch and Angular into a workflow that extracts Sketch symbols into a component library, generates component properties and defaults, and publishes a single source of truth consumed by apps. Presents tooling and a generator that turns Sketch components into Angular components, with measured reductions in UI review effort and faster parity between design and product, and live demos producing working components.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 4:18Design systems
3. 8:34Automating design updates
4. 12:25Properties and defaults
5. 16:17Automated UI risks
6. 19:54Sketch generators
7. 23:49Future of design workflows
8. 24:33Q&A

" related talks

• 06mInfragisticsJason Beres, Spasimir Dinev · AngularConnect 2017
• 24mSketching in the BrowserMark Dalgleish · ReactiveConf 2018
• 28mFrom Sketch to Code Designing a Component KitSamantha Bretous · React Boston 2018
• 26mLearnings from building a component libraryThomas Pink, Fabian Friedl · NG-DE Conference 2019
• 41mSuper scalable and robust architecture definitions for Angular at an EnterpriseNatalia Venditto · Voxxed Days Frontend Bucharest 2019
• 21mAngular for DesignersStephen Fluin · NGConf 2018
• 40mWhat’s new in AngularStephen Fluin, Vikram Subramanian · Google I/O 2019
• 16mKeynoteStephen Fluin · Framework Summit 2018