Client-first approach
Duration
approx. 1 day
phase
1st step of Web Development phase
phase
1st step of Web Development phase
Goal
Make a project organisation system
Goal
Make a project organisation system
Goal
Make a project organisation system
We always start Web Development with a good organization of the system in Webflow so that building the site is scalable, flexible, and easy.
![](https://cdn.prod.website-files.com/6479ab1f755b400a09a9ccbb/659d471db35b18cf07f5331f_Screenshot%202023-12-01%20at%2012.04%204%20(2).webp)
methods
Figma to Webflow
For creating an organizational system we prepare everything in Figma to export to Webflow and then create style guides.
![](https://cdn.prod.website-files.com/6479ab1f755b400a09a9ccbb/659d4741d48e1a9d4e2e651a_Rectangle%201419.webp)
Style guide
Structuring layers and creating guides is equally important in Figma and Webflow too, to keep everything standardized and easy to work.
![](https://cdn.prod.website-files.com/6479ab1f755b400a09a9ccbb/659d47652b7b0bfdf667d6da_Rectangle%201420.webp)