We as designers have a lot of prototyping tools, InVision, Framer, Framer X, Marvel, etc., but it doesn’t put out production ready code! Then come Webflow, the “right prototyping tool”?. Let’s put the good and the bad of using this tool for that.
2. Drag and drop possibilities: Yes, Webflow is a visual interface for creating websites so knowing how to use the tool will be a lot much easier coming from a typical UI tool like sketch or Adobe XD.
3. Animations for the web: You can make web animations in Webflow, a bouncing ball for example, and it’s really easy how to do it! (Here is a post talking about that).
4. You can host the project on Webflow: No more send the link to the client so he or she needs to download an app or something, just enter the project name followed by the “ .webflow.io “ subdomain and that’s it!. And If good enough you can publish the project right there, just a click away.
5. Don’t need to download an app: For using Webflow you only need to enter to their website and that’s it! (The designer only works for Chrome).
1. Price: If you want to make more than two projects or export the code you need to pay a membership.
2. Only works in Chrome: The designer (The canvas for creating the project) only works in chrome and if you are like me, I have a really slow computer, sometimes is really really slow to work.
3. Not strong presence: Not much people know about Webflow in our industry, people are used to using the same tools over and over because they work and are “targeted” as “the go-to tools for designers”.
4. Not as easy to start: It takes a bit of a learning curve if you don’t know how the web works, what is a class in CSS, how to use flexboxes, what is a div, but if you understand the basics of HTML and CSS, like the real basics, you won’t have any problem understanding how it works.
5. Not as fast as a typical prototyping tool: Don’t get me wrong, working with Webflow is super fast but not as fast as InVision for example, but when exporting, you save time for the developer and in the general project.
These are some of the basics pro and cons of using Webflow as a prototyping tool, there could be more but it depends on each person using it. I really like how Webflow is growing and making their way to the “Best design tool for making websites without code” and if they keep their work… It might become the best design tool.
Source link https://blog.prototypr.io/using-webflow-as-a-prototyping-tool-good-and-bad-992900aa3754?source=rss—-eb297ea1161a—4