šŸŽÆLand Your Dream Jobā€¢500+ Mock Interviews
āœØTransform Your Tasks with AIā€¢Get 3x more done

Figma tutorial for Beginners: Complete Website from Start to Finish

By - Flux Academy

šŸ“š Course Information

Channel

Flux Academy

Published On

5/20/2022

šŸ“ Description

Build alongside Ran by downloading the starter file here šŸ‘‰ https://bit.ly/figma_tutorial Check out our brand-new Figma for Web Designers course with @MaddyBeard: https://bit.ly/figma_course Need a new Figma account? - https://psxid.figma.com/s8z3306bhq0h See part 2 on how to build this site with Webflow: https://youtu.be/JnwATqjYohI šŸ“½ļø CHAPTERS 00:00 - Introduction 01:00 - Figma interface overview 04:30 - Page & grid setup 09:30 - Designing the hero & navigation 21:20 - Creating the background effect 25:00 - Building the content section 30:50 - Masking & blend modes 36:30 - Using Gradients 39:00 - Building the footer 40:40 - Designing a form 42:00 - Next steps ā¬‡ If you would like to watch more Figma Tutorials, please let us know in the comments ā¬‡ Don't forget to subscribe to our channel for more Design Content. Click here šŸ‘‰ https://bit.ly/33byV7L šŸŽØ Learn the Art & Business of Web Design. Check out all our courses šŸ‘‰ https://bit.ly/3jMxocU šŸ“± Find us on SOCIAL MEDIA Flux Academy's Instagram šŸ‘‰ https://www.instagram.com/flux.academy/ Ran's Instagram šŸ‘‰ https://www.instagram.com/ransegall/ Thanks for watching our video! #Figma #WebDesign #FluxAcademy

šŸŽÆ What You'll Learn

āœ“

Complete understanding of the topic

āœ“

Hands-on practical knowledge

āœ“

Real-world examples and use cases

āœ“

Industry best practices

ā­ Course Features

šŸ¤–

AI Support

24/7 doubt solving

šŸ“

Practice Quiz

Test your knowledge

šŸ†

Certificate

Course completion

šŸ“‹ Prerequisites

  • ā€¢

    Basic understanding of programming concepts

  • ā€¢

    Eagerness to learn and practice

AI MentorLive Chat
Always here to help you learn
Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate

Course Content

- Introduction
1
1 min

- Introduction

5 Questions Ready
- Figma interface overview
2
3 min

- Figma interface overview

5 Questions Locked
- Page & grid setup
3
5 min

- Page & grid setup

5 Questions Locked
- Designing the hero & navigation
4
11 min

- Designing the hero & navigation

5 Questions Locked
- Creating the background effect
5
3 min

- Creating the background effect

5 Questions Locked
- Building the content section
6
5 min

- Building the content section

5 Questions Locked
- Masking & blend modes
7
5 min

- Masking & blend modes

5 Questions Locked
- Using Gradients
8
2 min

- Using Gradients

5 Questions Locked
- Building the footer
9
1 min

- Building the footer

5 Questions Locked
- Designing a form
10
1 min

- Designing a form

5 Questions Locked
- Next steps
11
1 min

- Next steps

5 Questions Locked