Documentation of Design System.

Transcript

1. 1 Lezhnyuk Artyom Docum ent at ion of Desig n Syst em U X P E R I E N C E D E SI G N E R
3. 3 Current Process (in general)
5. 5 W hat w e g et f rom Invision ? 1. 2. 3. 4. Inspect Mode Com m enting Workflow Dynam ic Prototyping
6. 6 Inspect Mode 1. 2. Dow nload Icons, Pictures, etc Basic CSS: color, font-size, padding, etc 3. 4. Sizes Grid dim ensions
7. 7 Com m ent in g
8. 8 W ork flow
9. 9 Dynam ic Prot ot ypin g
10. 10 W hat w e g et f rom Zeplin? 1. 2. 3. 4. Inspect Mode Com m enting Tagging Style Guide
11. 11 Inspect Mode 1. 2. Dow nloading assets Basic CSS: color, font-size, padding, etc 3. 4. Sizes Grid dim ensions
13. 13 W hy w e n eed UI Library ? 1. 2. 3. 4. Several projects; Design team (3+ m em bers); To have consistent UI; To have only one source of truth;
14. 14 Creat e Desig n Library
17. 17 Ben ef it s of Version Cont rol 1. 2. 3. 4. Versions Difference Tool Conflict resolution Branches
18. 18 Docum ent at ion How it was
19. 19 Docum ent at ion How it can be
23. 23 Alig nm ent w it h Devs 1. 2. Create ow n com ponent library Find external solutions https://w w w.gitbook.com / https://w w w.catalog.style/ https://storybook.js.org/
26. 26 Lezhnyuk Artyom Thank s! U X P E R I E N C E D E SI G N E R