Figma to Webflow for Beginners: Build Portfolio Website

Focused View

Jemsee D

6:33:53

189 View

1. Introduction

1. Introduction.mp4

02:21

2. Getting Started

1. Basics.mp4

11:58

2. Webflow Basics.mp4

17:54

3. Setting Up.mp4

02:33

3. Figma to Webflow Section By Section

1. Header Section - Part 1.mp4

07:17

2. Header Section - Part 2.mp4

10:03

3. Hero Section - Part 1.mp4

09:31

4. Hero Section - Part 2.mp4

04:47

5. Service Section - Part 1.mp4

13:57

6. Service Section - Part 2.mp4

07:57

7. Gallery Section - Part 1.mp4

07:41

8. Gallery Section - Part 2.mp4

06:47

9. Gallery Section - Part 3.mp4

03:52

10. Workshop Section - Part 1.mp4

10:13

11. Workshop Section - Part 2.mp4

04:12

12. About Me Section - Part 1.mp4

10:47

13. About Me Section - Part 2.mp4

05:55

14. Licensing Section - Part 1.mp4

09:28

15. Licensing Section - Part 2.mp4

10:37

16. Testimonial Section - Part 1.mp4

07:32

17. Testimonial Section - Part 2.mp4

04:44

18. Testimonial Section - Part 3.mp4

05:47

19. Pricing Section - Part 1.mp4

07:13

20. Pricing Section - Part 2.mp4

06:12

21. Pricing Section - Part 3.mp4

07:46

22. Blog Section - Part 1.mp4

08:01

23. Blog Section - Part 2.mp4

10:41

24. Blog Section - Part 3.mp4

06:00

25. FAQ Section - Part 1.mp4

07:27

26. FAQ Section - Part 2.mp4

05:57

27. FAQ Section - Part 3.mp4

03:05

28. Newsletter Section.mp4

08:10

29. Contact Form Section - Part 1.mp4

07:42

30. Contact Form Section - Part 2.mp4

08:10

31. Contact Form Section - Part 3.mp4

06:35

32. Footer Section - Part 1.mp4

08:38

33. Footer Section - Part 2.mp4

04:55

34. Footer Section - Part 3.mp4

04:11

35. Spacing Adjustments.mp4

04:55

36. Blog Single - Part 1.mp4

08:41

37. Blog Single - Part 2.mp4

05:48

38. One Page Menu Smooth Scroll.mp4

06:36

39. Setting Up Fav & WebClip Icons.mp4

02:50

4. Responsive Desktop, Tablet & Mobile View

1. Webflow Responsive Basics.mp4

03:41

2. Tablet View Responsive - Part 1.mp4

14:12

3. Tablet View Responsive - Part 2.mp4

09:10

4. Mobile Landscape View Responsive.mp4

15:23

5. Mobile Portrait View Responsive.mp4

13:44

6. Responsive Finalize & Blog Single Page Views.mp4

03:57

5. Finalizing Overall Improvements

1. Correcting Class Names & Clean Up.mp4

01:38

2. Webflow Audit Results.mp4

05:55

3. SEO Website Settings.mp4

02:56

4. Website Performance.mp4

01:47

5. Contact Form - Getting a Proper Email From Website.mp4

02:37

6. Your Task Clone This Website & Make Changes

1. Website Editing Process.mp4

02:52

7. Conclusion

1. Thank You! ).mp4

00:35

Description

Learn how to build the Website from Figma to Webflow without any need for complex coding

What You'll Learn?

You will learn how to create websites without coding in Webflow.
You will learn to convert the Figma design to completely Webflow responsive website.
You will learn Common Box Model in each sections for the better understanding.
You will learn all the important features available on Webflow.
You will learn whole process on creating a complete modern website from scratch.
You will learn some Tips and Tricks of Webflow.
You will learn how to finalize the developed website with reviewing the audit results, SEO settings and Improving the Website performance.
You will learn on creating the Professional looking Portfolio Website.

Who is this for?

For the Beginners who wants to be a Webflow developer.

Anybody who wants to learn the essentials of Webflow.

Anybody who wants to create the portfolio website with Webflow.

Designers who want to expand the area of expertise in the development field.

More details

Description
Have you ever wanted to develop a modern website with no code? Then this class will help you to develop your web design skills with the help of Webflow.
Iâ€™m Jemsee, Webflow Designer and Digital Illustrator from India.
Being a Webflow Designer and Digital Illustrator I thought of creating a portfolio website for the drawing artist which has all the necessary elements needed for them. So, in this class, You will see how to create a portfolio website using Webflow.
Webflow is a powerful tool that lets to build websites visually with no code. It allows to build modern and responsive websites without any limitations visually.
This course is aimed at anybody who wants to build websites. Even you may be a beginner or you may be a designer, Or maybe you want to become a full-time web designer.
For you, Webflow is the answer.
This class is totally from scratch, each and every step on building a website is shown completely.
The course starts with you learning the Web flow UI and I take you through all the different elements you'll be using.
By the end of this class, You will learn how to convert any design to a fully responsive website without any code.
Highlights:
Understanding Webflow.
Tips and tricks
Build a website from scratch.
So why are you waiting for? Watch it out today.
Who this course is for:
For the Beginners who wants to be a Webflow developer.
Anybody who wants to learn the essentials of Webflow.
Anybody who wants to create the portfolio website with Webflow.
Designers who want to expand the area of expertise in the development field.

User Reviews

Rating

average 0

Total votes0

Focused display

Hello,I'm Jemsee, a Web Designer and Digital Artist from India. I have completed my post-graduation in computer science and I am currently working as a freelance Web Designer and Digital Artist.I love the Web and Illustrations in all of their forms. I mainly aim at being positive, motivating, and inspiring in my classes. Through my class, I wish to share the techniques and tips which I have gained over these years.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.