Noco team
Sprints

Brand clarity, messaging and a high-converting website. Fixed in weeks, built to last.

Noco project showcase image
Subscriptions

Ongoing design support, Webflow development and CRO embedded into your workflow.

Image llm by noco
Articles

Join our team and start shaping the future of SaaS websites

Claude to Figma graphic by Noco
Tutorials

Discover our tools and webflow development stack

Jelle from Noco
Podcasts

A small team with big impact, building high-performing websites for ambitious B2B SaaS companies

Services
Navigation arrow
Case Studies
About
Resources
Navigation arrow
Contact
Podcasts
How we work
Close menu
Currently building:
Edge Impulse
Next availability:
*MONTH*
Currently building:
Prove
Next availability:
*MONTH*
Currently building:
Lineal
Next availability:
*MONTH*
Currently building:
Narrative Website
Next availability:
*MONTH*
Currently building:
Edge Impulse
Next availability:
*MONTH*
Currently building:
Prove
Next availability:
*MONTH*
Currently building:
Lineal
Next availability:
*MONTH*
Currently building:
Narrative Website
Next availability:
*MONTH*
Currently building:
Edge Impulse
Next availability:
*MONTH*
Currently building:
Prove
Next availability:
*MONTH*
Currently building:
Lineal
Next availability:
*MONTH*
Currently building:
Narrative Website
Next availability:
*MONTH*
Services
Chevron down arrow
Sprints
Subscriptions
Case Studies
About
Resources
Chevron down arrow
Articles
Podcasts
Podcasts
How we work
Newsletter
Book a Call
Subscribe to Noco’s Newsletter
Arrow icon
Back to resources
Portrait of Jelle Bot
Leonardo Zamboni
Hosted by
Jelle Bot
&
Leonardo Zamboni
&

Design Fundamentals with Figma Variables – 20 MINUTES #15

Jelle and Leonardo break down why Figma variables matter for scalable design systems — how they save time and money, and why marketing and product teams can't afford messy design files.

What this episode covers

Design systems are the backbone of scalable SaaS websites. In this episode, Jelle and Leonardo break down why Figma variables matter, how they save time and money, and why marketing and product teams can't afford messy design files.

Chapters

(0:00) Intro and Leonardo's background
(1:15) Why structured design matters
(3:05) How Figma variables work in practice
(4:45) Benefits for developers and marketing teams
(6:20) The cost of messy design files
(8:15) Live demo: variables in action
(10:35) Switching to light and dark mode
(12:25) Consistency and speed for marketing teams
(14:10) Using variables for faster campaigns
(15:35) Variables as design fundamentals
(17:05) Wrap up and future episodes

Also listen on:

Related podcasts

Portrait of Yar Roshidi
Portrait of Jelle Bot
Hosted by
Yar Al Roshidi
&
Jelle Bot
&

AI-Powered Web Design: How Relume is Changing SaaS Website Building – 20 MINUTES #4

Yar and Jelle dig into Relume's AI-driven wireframing and design tools, and how they connect to Webflow to help B2B SaaS teams launch faster and validate ideas more quickly.

Watch episode
Chevron icon
Ian Piepenbrock from Noco
Portrait of Yar Roshidi
Hosted by
Ian Piepenbrock
&
Yar Al Roshidi
&

The Figma to Webflow Update: What SaaS Teams Need to Know – 20 MINUTES #9

Ian and Yar break down Webflow's latest Figma integration update — what works, what breaks, and how it fits into a fast-moving SaaS design-to-dev workflow.

Watch episode
Chevron icon
Portrait of Jelle Bot
Leonardo Zamboni
Hosted by
Jelle Bot
&
Leonardo Zamboni
&

Figma Make for Web Design: AI Prototypes That Bring Your Website to Life – 20 MINUTES #18

Jelle and Leonardo show how Figma Make adds real motion and interactivity to design systems — helping SaaS teams validate UX decisions before development begins.

Watch episode
Chevron icon