Angular for Designers

on YouTube ↗21m

" summary

Argues for concrete changes: make Angular easy for designers by reducing Node/CLI friction and offering a prototyping-focused ng add and an ng-exe (concept) binary to avoid installs; recommends single-file, ergonomic components and an angular.io/design onboarding. Points to existing tools that work—StackBlitz works today and PageStraw exports presentational components to Angular—and describes an internal cloudkit prototype tool using real components plus a mary-poppins preview bot for live PR demos.

AI-written summary · about

" chapters (20)

1. 0:00Intro
2. 2:45Legacy & Challenges
3. 4:01AngularJS for prototyping
4. 4:13Harder Today
5. 6:10Common team pattern
6. 6:24Assets are hard to keep synced
7. 8:09Integrated Teams
8. 9:49StackBlitz
9. 10:29IMAGINE ng.exe
10. 11:04#1: Make Angular useful for designers
11. 12:31IMAGINE ng add @angular/prototype
12. 13:40IMAGINE angular.io /design
13. 14:40Storybook for Sketch
14. 15:30Cloud Prototyping Tool
15. 16:47#2: Create More Collaborative Teams
16. 17:56Empower Design System Authors
17. 18:44Material via ng add / generate
18. 19:10Easier to build great experiences
19. 20:02Get in Touch
20. 20:21Looking for community contributions

" related talks

• 27mAngular RenaissanceMinko Gechev · DevWorld 2024
• 32mAngular as strategy for collaboration and scaleBrad Green · ngAtlanta Conf 2018
• 44mUnderstanding Angular 2Shmuela Jacobs · Codemotion Milan 2016
• 16mKeynoteStephen Fluin · Framework Summit 2018
• 20mThoughtful Component DesignJeremy Elbourn, Miles Malerba · ng-conf 2017
• 18mWhy Angular is the best framework for a design systemJan Greger Hemb · ngVikings 2020
• 20mPrototyping with Angular? YESKelly Knight, Dirk Ginader · ng-conf 2015
• 41mKeynote addressJohn Doe · Angular Connect 2018