Why You Should Never Start Your Web Design Process in Webflow (Start in Figma)

One of the most common questions I get on Youtube and Instagram is - "Why do you use Figma? Why don't you just start in Webflow right away?".

🤑 FREE RESOURCE!

The reasons are innumerable. For starters, Webflow is a development platform (even if their canvas is called the "Designer"). It's meant to "build out" your website. It's meant for you to bring an already-existing design to life. Webflow allows you to bring logic to your web design.

Starting with Webflow can considerably slow down your entire process as design experimentation can be a real pain in the Webflow Designer. Not only do you have to worry about what the design experiment is, but you also have to think about how you're going to execute it. Whereas on something like Figma, Adobe XD or Sketch, you can seamlessly move, change and alter things fluidly and with ease.

Start with Figma/XD/Sketch and thank me later.

Timestamps:
00:00 Intro
00:44 3 main reasons
1:50 An example
5:15 Getting feedback

-
Learn how to build custom websites with Webflow FAST:
-
Find me on other social media platforms:
-

#webdesign #Webflow #Figma

Thanks for watching the video!

[RocknRollCEO]

This has just saved people new to this, several months of learning by trial and error. Invaluable content.

[igeoerre]

>Opened Webflow
>Received YouTube notification: read the title
>Closed Webflow
I never took the term "digital influencer" as seriously as today.

[grg-c]

I usually start with Alcohol... that helps! 🤣

[sang-sang-park]

You saved my time! I get a clear picture why I should start with design tool before developing a site.

[ProductJonas]

I wouldn't even say you should start with Figma. When I START to design something, I want to explore as many different concepts as possible. Doing that in Figma would be a lot of effort. I always prefer to sketch something on paper first, and then go to digital design tools. Then, after I would have the first version in Figma, I would go on and make more minor tweaks to my designs (in Figma). If my idea doesn't work out, I go back to pen and paper.

The earlier you are in the process, the more you have to explore and move quickly. Sketching something is just 10x faster than laying out a concept in Figma.

[wulantsabita]

no clickbaits, straightforward content, underrated

[pxCode]

Yes, totally agree. Designers should design without any limitations. That's why we develop a design-to-code solution to make the process more smooth.

[PaytonClarkSmith]

Webflow does a great job of making you think their development tool is a design tool. It’s so fun to create if Webflow it can get tempting to jump into it too quickly. Follow your process and save time and hassle! Thanks Ran.

[UnfinishedStudio]

I totally agree. Sometimes I'll even start with a paper and pencil. Simple and basic websites landing pages can probably be done skipping the whole design process and going straight to Webflow, but the best websites go through a process that takes time.

[badcatdesign]

I'd start with 📝 even before Figma.

[daudi.blooms]

Your tutorials are extremely educative and on point, i love always them, BIG UP Man!

[billdodson]

Been wondering about this for a while-- thank you for the video

[LaurensMartens]

Thanks Ran. I remember asking you this exact question on IG. Appreciate the answer!

[mesutkaynak]

Perfect Video Ran! Thank u for giving such important advices!

[joanacodes]

Thank you a lot for that! This saved me huge time

[oliviaswiss]

Interesting point of view! Your approach is very much that of someone coming from a graphic design background - seeing art direction and development as two separate disciplines. But in other design areas such as 3D and motion design for example, they are mixed; procedural design is made with code and compositing is built with structured thinking. Those are my disciplines and that's probably why I've been designing directly in Webflow (I use it to build my own site, not for clients) ;-)

[onwukafavour]

This makes so much sense!!! I wish In knew this before my journey with Webflow, I am definitely going to check Figma out!

[ythjkl]

development vs design! you have nailed it bro in this comparison.

[adilM_]

strongly agree with you ran ! my process is => Paper with UX Copyrighting, then Figma or Sketch, and finally go to Webflow taking care of semantic class naming & organising your component the right way !

[RebDeb]

I'm a developer wanting to improve my design process, have been researching UX/UI design tools and this is one of the questions I wanted answered. Thank you so much, I really appreciate this content.