- Видео 5
- Просмотров 10 844
Yoofi Graham
Гана
Добавлен 11 апр 2021
Welcome, Yoofi Graham is a digital product, user interface, and experience designer who is all about sharing his journey as a designer.
This channel will mainly focus on digital product design, UI, UX, and dev/tech collaboration with designers
This channel will mainly focus on digital product design, UI, UX, and dev/tech collaboration with designers
How to design product tour components for mobile apps in Figma - Part 1
Learn how to use Figma's auto-layout, components, variants, constraints, and resizing to design product tours for mobile apps
Recommend video resources
1. Basics of components: www.youtube.com/watch?v=k74Ir...
2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html
Shortcuts used
1. shift + A, auto-layout,
2. option + command + k , components
3. R , rectangle,
4. T, text
5. K, resize within the distorting element
Recommend video resources
1. Basics of components: www.youtube.com/watch?v=k74Ir...
2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html
Shortcuts used
1. shift + A, auto-layout,
2. option + command + k , components
3. R , rectangle,
4. T, text
5. K, resize within the distorting element
Просмотров: 532
Видео
How to design product tour components for mobile apps in Figma - Part 2
Просмотров 1643 года назад
Part 2 - Learn how to use Figma's auto-layout, components, variants, constraints, and resizing to design product tours for mobile apps Watch part 1 here : ruclips.net/video/ohhTwnjch8w/видео.html Recommend video resources 1. Basics of components: www.youtube.com/watch?v=k74Ir... 2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html Shortcuts used 1. shift A, auto-layout, 2. option command...
Design google playstore mobile app screen in Figma #figma #auto-layout #components
Просмотров 5193 года назад
Learn how to use Figma's auto-layout and components to design a screen in google's playstore app. Recommend video resources 1. Basics of components: www.youtube.com/watch?v=k74Ir... 2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html Icons: fonts.google.com/icons Shortcuts used 1. shift A, auto-layout, 2. option command k , components 3. R , rectangle, 4. T, text
Figma components: Design collapsible side navigation with components & variants
Просмотров 4,2 тыс.3 года назад
Previous video on designing side navigations: ruclips.net/video/O4KKkeGrfZo/видео.html Recommend video resources 1. Basics of components: www.youtube.com/watch?v=k74Ir... 2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html Icons: remixicon.com/ Shortcuts used 1. shift A, auto-layout, 2. option command k , components
Figma components : Design side navigation with components & variants
Просмотров 5 тыс.3 года назад
Recommend video resources 1. Basics of components: ruclips.net/video/k74IrUNaJVk/видео.html 2. Auto layout: ruclips.net/video/TyaGpGDFczw/видео.html Icons: remixicon.com/ Shortcuts used 1. shift A, auto-layout, 2. option command k , components
Top Designer... Been following you on LinkedIn for sometime now and am impressed with your successes when it comes to UI. Great tutorial. Your voice was a bit low though 😊
good work, thanks
Awesome tutorial! Your voice gets a little too low at certain points. Please do well to fix it.
Sure. Thanks for the feedback
Another Day To Be World Class. 🔥🔥
Yes!!! 💪🏾
I'm seriously coming to learn it
Yooooofiiii...Great job on this one
Intro: 00:00 - 1:46 App Header: 01:48 - 7:55 Top tabs: 07:56 - 16:14 Section titles: 16:16 - 22:50 App cards: 22:51 - 35:45 bottom navigation: 35:46 - 43:20