Using Webflow

 I am sold out on a SAAS web design & development tool at webflow.com
It is even better than Page Cloud, some designers recommended. Any designer who has knowledge of html and CSS will find this tool pretty handy, and eventually designer should be able to design and publish websites with its tools with minimized aid from developers. The beauty of Webflow also include that you can export the HTML/CSS code and host websites you design outside Webflow.com.
It has been around since 2012. I am still learning how to design a website with its tool. What draws me in is it enables me to design a web page from scratch without remembering all HTML and CSS commands. Those are all available right at its what-you-see-is-what-you-get user interface on the screen.
I believe this is a great approach for me to help you make the stunning slick design for your client’s new project websites. Webflow does empower designers with more flexibility and creative possibilities. I will report to you with more updates on what skills I acquire once I feel I can have more control over my web design by using Webflow.
Before I discovered Webflow, I have struggled with building websites in Wordpress and Square Space. It is not that those 2 tools are not good, but the issues are that: 1) Wordpress needs some plugins to achieve tasks or effects, those plugins could be unstable or not up-to-date, etc. 2) Squarespace sites look great but it is sort of like fill-in-the-blank template, so designers’ creativity is limited there.
Sometime my customers will ask for special effects they see on other sites. I can’t create the similar effects on their sites for them because I don’t have the tools.
But Webflow empowers me with the creative tools to do just what my customers wants. Of course the pre-requirement for a designer to get a handle on Webflow is you need the knowledge of HTML/CSS.

* I used in this blog post some contents I wrote on Quora.com (https://www.quora.com/Does-anyone-use-Webflow/answer/Liv-Strawbridge/comment/144691844)

Comments

Post a Comment

Popular posts from this blog

Adobe XD Notes - Artboard

Image
Artboard: - To add a new artboard Click in the existing artboard to add another artboard to the right.  In this step, you can see that if there are other artboards to the right of the selected artboard, the new artboard is added to the far right of the other artboards. Or, w ith the Artboard tool selected, click to the left of the existing artboard to add another. - To copy a artboard Option/Alt-dragging an artboard is a great way to make a copy of an artboard and all of its content You can also simply copy and paste artboards. With an existing artboard still selected, press Command+D (macOS) or Ctrl+D (Windows) to create a duplicate that is placed to the right. Changing artboard appearance With the Select tool ( ) selected, click in an artboard to select it. In the Property Inspector on the right, deselect the Fill option. You can turn off the default fill of an artboard, but notice that the artboard outline is still visible. (Note:  You don’t h...
Read more

Design System & Component Library

Image
Good practice to set up a component library is to create a separate component page from regular design page to store all newly-created components on that component page. These components  will become local components. So it becomes the component library. On that page, once a component is created, it will be listed on the Assets tab on the right hand panel.  It then can be dragged from Assets tab into any page in the same file.  Publishing component sets to a library is only supported  Professional and Education teams, or Figma Organizations . Click the Team Library button highlighted in blue to publish the component sets to T eam Library , where team member can access to the library. See in this tutorial in which it shows how to create a component on Component page then it can be used in Design page: Figma For Beginners: Create designs (2/4) 16:38 Create a navigation bar
Read more

Style Guide exported to Zeplin from Figma

  If the design of Figma frames are based on a style guide and a component library, the style guide and component library will be exported to Zeplin as well when the Figma frames are exported to Zeplin. Check out the  Design Delivery with Zeplin  file for a guided walkthrough, plus tips and tricks to optimize your workflow. https://www.figma.com/community/plugin/745330164019088593/Zeplin
Read more