Build a design system that (actually) empowers your team in Webflow

Why do you need a design system and framework for Webflow? For the companies we work with, a well-built design system helps them reach the next level - becoming living organisms that anyone can contribute to and make use of. We took what we learned working with dozens of product, marketing, and design teams to develop a framework with 1,000+ classes and 100+ components and pages. With it, anyone can prototype, iterate, and launch ideas - even without prior Webflow knowledge.
In this session, we’ll show you all the Webflow and Figma techniques we use to approach a design system, utilize live documentation, and keep everything consistent and up-to-date. Each conclusion we make along the way will have a concise and practical how-to that will inspire you to create your own empowering design system.
Greg Rog (he/him), co-founder, SystemFlow
Greg is a maker, serial entrepreneur, and co-founder of systemflow.co: a utility framework for Figma and Webflow. He's the author of over 100 courses, books, and articles on UI/UX, product and web design. He's committed to making online learning tech-driven and accessible.
Matt Wierzbicki (he/him), co-founder, SystemFlow
Matt is a co-founder, product designer, and creator based in Białystok, Poland. He loves to work on design systems and style guides, and he started using Webflow in 2016 for his everyday work. His mission is to design resources that will save designers and entrepreneurs time.
Presented at Webflow's No-Code Conference 2021.
#NoCodeConf #NCC
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community
webflow.com
/ webflow
/ webflow

[@lexib9516]

I'm just here for Greg's wigs!!! 🤣🤣Just kidding. I'm always late to the party! I'm about ready to purchase Matt's Figma Plugin to build my Figma skills & was looking for videos about his plug-in when I came across this framework. This framework looks absolutely amazing! It reminds me of the Relume Library but way, way, way...easier to use. Good job, guys. I also looked this framework up on Product Hunt & discovered I"m super late on discovering this. Thanks for creating this.

[@MaxWeir]

I love Greg's little laugh when he mentioned dragging layers in the navigator

[@p_gaspar]

Great asset and presentation! But, how can we get it? is it already available?

[@systemflow7096]

Thank you, Pedro! 🤩 The framework is available on systemflow.co or you can use our tips and university to create your own team framework from scratch!

[@code-challenges]

Good presentation about SystemFlow 👍

[@derri020]

this is so great, i highly enjoyed this video! thank you so much everyone involved, i'm so inspired by the brilliance!

[@AntonyNorthcutt]

Now that's commitment, Greg shaved the beard off for this ... well done guys!!!

[@JonathanIngemarsson]

Great inputs, it gives some motivations. :D

[@meharjawadhashmi6723]

Cool!

[@christopher88888]

really so cool LOL 🙃 congrats guys for an idea, dev, and great jokes!

[@therealicyqueen]

Nice ideas. I work with frameworks myself in Webflow, but the big problem with this tho is that I cannot change or remove global classes if I have like 3 classes on the element. This should be fixed!!!

[@KamakazeCOG]

its a tie between this feature and the new spiderman trailer

[@systemflow7096]

lol, love it 😆

[@berbesso]

Great-system guys, but you are trying to hard to be funny. It sounds like 2 robots lost in the act. Unnecessary. Be yourself! That's good enough!

[@systemflow7096]

-- beep -- what -- bop -- robots?

[@JuliusCreatrix]

You're describing every developer conference ever

[@stackingflow]

Why even use this. Just create a bot that design everything on its own.

[@c.pop.echo.28]

selling code at a no code convention . inception