filmov
tv
Figma Web Design Tutorial for Beginners (2024): From Zero to Hero
![preview_player](https://i.ytimg.com/vi/_OduVLH_zJE/maxresdefault.jpg)
Показать описание
SUMMARY ⤵️
Perfect for complete beginners! In this comprehensive Figma tutorial, I'll take you from understanding the basics to creating a responsive hero section. Learn essential UI design principles while building a real-world example, complete with mobile and tablet versions.
WHY THIS TUTORIAL?
Skip the unnecessary tools and focus on what web designers actually need!
I'll show you:
Essential Figma UI navigation
Must-know design tools
Real-world component creation
Responsive design principles
Time-saving plugin workflows
What We'll Build:
Professional navigation bar
Modern hero section
Custom graphics
Responsive layouts
Mobile/tablet adaptations
Timestamps:
0:00 - 11:22 Figma interface basics
11:22 - 25:42 Building the navigation
25:42 - 45:20 Hero section design
45:20 - 1:09:37 Responsive design & finishing touches
🎯 CONNECT WITH ME
🎥 WATCH ME BUILD!
Join my Patreon now to watch daily streams of me building no-code apps from scratch. Here, I will stream myself everyday build nocode apps, from ideation, to design to build to launch... also talking to clients... everything!:
💡 PRO TIP: Watch in 1.25x speed to improve retention!
Want more design tutorials? Let me know in the comments what you'd like to learn next!
#FigmaTutorial #WebDesign #UIDesign #DesignTutorial #Figma2024
Perfect for complete beginners! In this comprehensive Figma tutorial, I'll take you from understanding the basics to creating a responsive hero section. Learn essential UI design principles while building a real-world example, complete with mobile and tablet versions.
WHY THIS TUTORIAL?
Skip the unnecessary tools and focus on what web designers actually need!
I'll show you:
Essential Figma UI navigation
Must-know design tools
Real-world component creation
Responsive design principles
Time-saving plugin workflows
What We'll Build:
Professional navigation bar
Modern hero section
Custom graphics
Responsive layouts
Mobile/tablet adaptations
Timestamps:
0:00 - 11:22 Figma interface basics
11:22 - 25:42 Building the navigation
25:42 - 45:20 Hero section design
45:20 - 1:09:37 Responsive design & finishing touches
🎯 CONNECT WITH ME
🎥 WATCH ME BUILD!
Join my Patreon now to watch daily streams of me building no-code apps from scratch. Here, I will stream myself everyday build nocode apps, from ideation, to design to build to launch... also talking to clients... everything!:
💡 PRO TIP: Watch in 1.25x speed to improve retention!
Want more design tutorials? Let me know in the comments what you'd like to learn next!
#FigmaTutorial #WebDesign #UIDesign #DesignTutorial #Figma2024
Комментарии