💥Atomic Essays

Short-form lightly edited, lightly structured essays, written in 30 minutes.
Published on:
February 11, 2024

Get Started with Webflow

This is some text inside of a div block.

For folks that have a front-end development background or were Dreamweaver users, Webflow has a short learning curve - unfortunately, this is not the case for all. 

Don't Shy Away So Quickly 
Some may not initially understand how to use Webflow because 
- They feel intimated by the designer 
- Have purchased a template and started to build without understanding the webflow designer or having ever previously created a website
- They cloned a complicated project from the showcase without understanding how it was built

Building a website in Webflow is like assembling IKEA furniture; there are many components and screws. You can't put them together without first reading the manual and documentation and ensuring you know all the correct components to complete your end product.

🧠Learn
Before jumping in to build, understand the core structure of websites 
- Read about HTML Layout Elements 
- Webflow 101 crash course
- Learn the box model
- Get to know the designer

🗺 Explore
See how existing Webflow websites are built by viewing website structures through the navigator in the designer 
- The Finsweet client-first style system and their templates
- Webflow templates
- The Webflow showcase

My favorite community-centric websites built on Webflow are
- Frauvis (my company, also recently migrated to the client-first system)
- Makerpad
- Trends.vc
- The Unicorn factory 

🏗 Build
After taking the time to learn and explore Webflow, it will become easier to build websites faster.

Start small! Build a 1-page portfolio, a sales page, or a blog.
Don't get too caught up reading many blogs and watching numerous videos about building. Get going and gain hands-on experience.

Upcoming Writing Ideas