[Design Process] - Step 04-01 - From Figma to Webflow #webflow #figma
4Just a series that showcases a "typical" design process from start to finish.
06:00 - Making a section
01:15:00 - Making a component
01:53:40 - Timelapse for other sections
Step 4 Part 1- From Figma to Webflow
This is quite a long video, but sometimes it's needed. In the first section, I actually re-recorded after the fact so that I can deliver the "value" up front for people that just want a simple tutorial on how to make a certain section.
Then the actual working session, I did cover a few things about Webflow variables, creating components, and overall layout tips. You can see me "struggling" here and there with some layout options, but that's usually the trial and error you will consistently battle to get the right styles you need. By learning how to do one section, you can create simple websites for yourself and maybe even make a business out of it.
Tools being used: Figma, Webflow