Why You Should Never Start Your Web Design Process in Webflow (Start in Figma)
July 15, 2024 2024-07-15 20:37Why You Should Never Start Your Web Design Process in Webflow (Start in Figma)
Why You Should Never Start Your Web Design Process in Webflow (Start in Figma)
📘 Free e-book “The Blueprint For Insanely Successful Webflow Designers” 👉https://bit.ly/3TwtBDb
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?”.
Level up your web design skills in Figma with our course, Figma for Web Designers 👉 https://bit.ly/49PPcwh
🤑 FREE RESOURCE!
⚡Work faster in WEBFLOW using this style guide. Download here 👉 https://bit.ly/38g438u
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:
https://bit.ly/WebflowWebclass2020
–
Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segal…
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#webdesign #Webflow #Figma
Thanks for watching the video!
source
Comments (25)
@davidstolt
Thank you!!
@bhagyalakshmi-gv2hg
Thank you for this
@bryanbessem
Thankyou!
@sbthebrand66
So here is my question. I watched your video on "Relume" and bit the bullet on paying for the $30+ dollar subscription for it. I exported to both Figma and Webflow. Although I did like the Webflow transition better, which one (if you had to pick) would you actually and honestly suggest using when doing mockups from Relume?
@KremsonKhan
this prob saved tons of Working Hours! THX ALOT! 😄
@HealthyMurder
Figma balls
@YorukaValorant
Thank you
@SonOfKadiri
Great video ❤
@jimforbes9119
I use Adobe Muse for design layout options. Ya! Ya! I KNOW Adobe doesn't support it anymore but It still works.
@atefhossam9505
What if I design in Figma doesn't work in Webflow? Don't I need to know the limitations of webflow?
@kositakis0617
when you have finished the design on figma and you want to move it to webflow,can you automatically upload it or? or you have to do it manually and basically remake it ?
@sang-sang-park
You saved my time! I get a clear picture why I should start with design tool before developing a site.
@TranquilWanderer
I was wondering can we create websites with canva too?
@a0um
Makes sense to start with a less constrained design tool like Figma, but can't we get something similar in Webflow? I'm no expert, so it seems that in Figma we're just laying out elements with absolute positioning and the auto-snapping and alignment functions in Figma help us for the constraints that we do want. Wouldn't it be possible to start in Webflow adding elements with absolute positioning within a container the same size we'd use in Figma? Perhaps we can create a class that sets the absolute positioning on the elements if that's not available by default. And for grouping and alignment we select and… I don't know, wrap in a predefined div?
Just thinking that maybe Webflow not imposing all such constraints, we're just fixated that with that tool we have to use them… a mindset issue, not a tool issue.
Affinity Designer has a raster "persona" and a "vector" persona, Webflow has a "developer mode" and a "preview" mode… I suspect one could have a "Creative" mode too.
@treedruids5776
Going through a group project right now in uni and I made the mistake of starting through code instead of thoroughly thinking out a design with the help of Figma, experiencing this so hard right now
@ziggerwebdesign1704
I disagree. I always design responsively in Webflow.
@paulmcdevitt2038
What about the cost in time of doing the same work twice – essentially?
@nicholashoriel5343
I wish I found this sooner spent 6 hours today redesigning 2 sections 😂😂😂
@clarkcant
This highlights the stupidity of web flow. If Figma would have the ability to publish a website, that would be all we would do. Instead, we sit there like Schmucks designing and figma, and then tediously copying that same design into web flow. What is the point of that?
I understand if you're using something like EditorX which is basically a Figma style designer, to intentionally use something that is essentially coding, going to have to do the design step twice, why would you put yourself through that?
@puneetshakya3001
I totally agree with that experimentation part 🙌.
@Dangit-Dave
If you are solo and just learning…ignore this video because Figma is a team app
@KGV_Studios
100% hit the nail it.
@dharavasishth
hey Ron, now figma won't work since adobe thing happened, what do you recommend in place of it or to go right into webflow?
@eliotfinch1539
Top videos, very helpful! Thank you
@mesutkaynak4983
Perfect Video Ran! Thank u for giving such important advices!