Будущее уже наступило!

Transcript

1. The future is now! G R O D N O D E S I G N S P O T M E E T U P # 0
2. G R O D N O D E S I G N S P O T M E E T U P # 0 Farid Sabitov S A B I T OV. M E
3. Why? Why? D E S I G N S P O T
4. Why? Why? D E S I G N S P O T Bring your ideas and solutions to life
5. Why? Why? D E S I G N S P O T Bring your ideas and solutions to life faster
6. Why? Why? D E S I G N S P O T Bring your ideas and solutions to life faster I N S P E C T P R O T O T Y P E VA L I D AT E I N T E G R AT E R E A L D ATA
7. Design Tools Evolution
8. Design Tool Design Tools Evolution D E S I G N S P O T Adobe Photoshop
9. Design Tool Design Tools Evolution D E S I G N S P O T 1 9 8 8 Adobe Photoshop
10. Design Tool Design Tools Evolution D E S I G N S P O T Sketch
11. Design Tool Design Tools Evolution D E S I G N S P O T A P R 1 4 , 2 0 1 4 Sketch
12. Design Tool Design Tools Evolution D E S I G N S P O T A P R 1 3 , 2 0 1 6 Component Based Design Introducing symbols with overrides
13. Design Tool Design Tools Evolution D E S I G N S P O T S E P 2 7, 2 0 1 6 Figma
14. Design Tool Design Tools Evolution D E S I G N S P O T A P R 6 , 2 0 1 7 JSON Based files Easier integration for other tools
15. Design Tool Design Tools Evolution D E S I G N S P O T O C T 1 0 , 2 0 1 7 Introducing Libraries Libraries allows you to share Symbols between documents, and other designers.
16. Design Tool Design Tools Evolution D E S I G N S P O T O C T 1 0 , 2 0 1 7 Introducing Libraries Libraries allows you to share Symbols between documents, and other designers. F E B 1 5 , 2 0 1 7
17. Design Tool Design Tools Evolution D E S I G N S P O T J U L 2 5 , 2 0 1 7 Prototyping and Developer Handoff Create prototypes directly in your own design tool
18. Design Tool Design Tools Evolution D E S I G N S P O T J U L 2 5 , 2 0 1 7 Prototyping and Developer Handoff Create prototypes directly in your own design tool F E B 2 8 , 2 0 1 8
19. Design Tool Design Tools Evolution D E S I G N S P O T O C T 1 0 , 2 0 1 7 Resizing Constraints Hope for faster responsive rules handoff
20. Design Tool Design Tools Evolution D E S I G N S P O T O C T 1 0 , 2 0 1 7 Resizing Constraints Hope for faster responsive rules handoff 5 , 2 0 1 6
21. Design Tool Design Tools Evolution D E S I G N S P O T J U L 1 0 , 2 0 1 8 Shared Styles Our first step to the design tokens J U N 2 1 , 2 0 1 8
22. Design Tool Design Tools Evolution D E S I G N S P O T O C T 2 , 2 0 1 8 Real Data Design with Data at your fingertips
23. Conclusion Conclusion D E S I G N S P O T Tools are not important
24. Conclusion Conclusion D E S I G N S P O T Tools are not important in the beginning
25. Design Nowadays
26. Design Tool Design Nowadays D E S I G N S P O T Framer X Abstract Supernova
27. Design Tool Design Nowadays D E S I G N S P O T Framer X Abstract Supernova Brings your ideas and solutions to life faster
28. Design Tool Design Tools Evolution D E S I G N S P O T N OWA D AY S Code and Design Together Design updates are available in code and vise versa
29. Design Tool Design Tools Evolution D E S I G N S P O T N OWA D AY S 3D Prototypes Working together with the code gives us more opportunities
30. Design Tool Design Tools Evolution D E S I G N S P O T N OWA D AY S Faster Updates Import design elements from your canvas into code components. Use code to add logic and data, then go back to the canvas to tweak style.
31. Design Tool Design Tools Evolution D E S I G N S P O T N OWA D AY S Design Systems Common communication between designers and developers. Auto update design styles everywhere via design tokens
32. The Future
33. The Future The Future D E S I G N S P O T Project Product Platform System
34. The Future The Future D E S I G N S P O T Project Product Platform System {tasks} Technical Knowledge {tasks} Faster Iterations {tasks} Marketing Knowledge {tasks} Business Understanding
35. Design Tool Netflix D E S I G N S P O T Automation AI generates banner and quickly analyzes which option works faster
36. Will Design be replaced?
37. Farid Sabitov S A B I T OV. M E Thank you!