We as designers have a lot of tools, InVision, Framer, Framer X, Marvel, etc., but it doesn’t put out production ready code! Then come , the “right prototyping ”?. Let’s put the and the of using this tool for that.


1. You can export real live code/production ready code: When you completed the project on Webflow, you can export the HTML, CSS, and Javascript and each of them will look exactly like a developer would write it! So you can handle it to your developer and don’t have to worry about the front-end.

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.

Using Webflow as a prototyping tool: Good and Bad was originally published in Prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

Source link https://blog.prototypr.io/using-webflow-as-a-prototyping-tool-good-and-bad-992900aa3754?source=rss—-eb297ea1161a—4


Please enter your comment!
Please enter your name here