Jelle Bot and Leonarde Zamboni show how Figma Make adds real motion and interactivity to design systems. Instead of static visuals, designers can now present early-stage prototypes that feel alive, helping SaaS teams validate UX and interaction decisions before development.
They discuss how this workflow fits Noco’s productized design approach and why motion design matters for B2B SaaS websites built for performance and clarity.
In this episode:
Why motion and micro animations build trust and clarity for users
How AI powered prototyping speeds up design to dev handoff
Using variables and design systems inside Figma Make
Early testing to align marketing and development teams
Why AI tools enhance, not replace, designers
By turning ideas into interactive prototypes early, teams save time, set clearer expectations, and deliver better websites faster.
CHAPTERS (TIMESTAMPS)
(0:00) Intro: Weather check and episode setup
(1:22) Why motion and interactivity matter for B2B SaaS
(3:45) How AI helps visualize ideas earlier in design
(6:15) Building a Figma Make prototype step by step
(9:45) Prompt structure and AI accuracy tips
(11:20) Results: light effects, hover states and micro motion
(13:05) Where Figma Make fits in Noco’s design workflow
(15:30) Editing and iteration with AI inside Figma Make
(16:45) Why early interaction prototypes align teams
(18:20) Closing thoughts and next episode preview
Yar and Daniel revisit some of Webflow’s biggest feature releases that quietly disappeared.
They discuss what happened to Logic, Users, and eCommerce, why these features were discontinued, and how Webflow’s focus on AI might have influenced that decision.
They also highlight what has worked, such as apps, components, and variables, and how these updates have created new opportunities for designers and developers building for SaaS companies. The focus is on what truly matters for B2B SaaS teams that depend on Webflow for growth and performance.
Chapters:
(0:00) Intro and why this topic matters
(0:35) Hype versus reality in Webflow releases
(2:00) The rise and fall of Webflow Users
(3:45) Why Memberstack replaced Users for most teams
(5:15) Logic: Webflow’s answer to Zapier that never stuck
(7:00) What the cancellation says about Webflow’s priorities
(8:25) Where automations still fit in: Zapier, Make, and others
(10:05) The slow evolution of Webflow eCommerce
(12:40) Missed opportunity: a potential Webflow and Shopify partnership
(15:10) The Webflow apps ecosystem that finally took off
(17:20) Why apps, variables, and components succeeded
(19:00) How these tools now power SaaS focused workflows
(20:20) Closing thoughts and what to expect next
In this episode, Yar and Daniel break down the most important takeaways from Webflow Conf 2024.
The focus is not on shiny new features, but on how these updates can actually help SaaS companies and marketing teams build faster, analyze better, and scale smarter.
Key topics include:
AI SEO and the rise of Answer Engine Optimization (AEO)
The new AI assistant and how it speeds up workflows
Updates to MCP and built-in automation
Code components and Webflow Cloud
Native click maps and performance tracking
Why these changes matter for enterprise and growth-focused SaaS teams
Chapters:
(0:00) Opening thoughts and first impressions of Webflow Conf
(1:25) AI as the central theme of the conference
(3:10) How AI SEO and AEO will change optimization for SaaS websites
(5:35) Smarter workflows with the new AI assistant
(7:15) MCP updates and how automation is moving inside Webflow
(9:05) Code components and the potential of Webflow Cloud
(11:45) Why native click maps are a CRO game changer
(14:25) The enterprise shift and what it signals for Webflow’s future
(17:10) SEO in the age of AI-driven search
(19:40) Wrap up and takeaways for SaaS growth teams
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
In this episode, Ian and Yar break down the frameworks that shape modern Webflow builds: Client First, Lumos, and beyond.
They discuss what frameworks actually do, why naming conventions matter, and how these systems impact scalability, accessibility, SEO, and developer collaboration.
You’ll hear real-world stories of Lumos updates disrupting projects, why Client First remains the industry’s “safe bet,” and how agencies balance advanced features with long-term maintainability.
The episode also dives into the upcoming Webflow Conference, predictions for AI-driven features, and what the presence of Seth Godin might signal for marketing and SEO updates.
Chapters
(0:00) - Intro & Yar’s newborn update
(1:00) - Why frameworks matter in Webflow
(2:40) - Client First origins and philosophy
(4:00) - Lumos framework: advanced but complex
(6:00) - When agencies choose one over the other
(8:00) - The risk of constant Lumos updates
(11:20) - Stability vs innovation: agency lessons
(13:20) - Community feedback and Finsweet’s updates
(16:40) - Webflow Conference 2025 preview
(24:20) - Closing thoughts and next episode teaser
In this episode, Yar and Daniel dive deep into Webflow’s new GSAP UI, exploring its capabilities, limitations, and how it changes animation workflows for developers. They share insights on where the native tool excels, when to fall back on custom code, and how to blend both approaches for advanced results.
You’ll hear real-world feedback on breakpoints, performance considerations, and dynamic CMS integration. Plus, Daniel breaks down the anatomy of a complex, multi-layered custom slider built for the Pencil project—showcasing why custom solutions still matter in 2025.
Chapters
(0:00) - Intro with Daniel from Noco
(0:40) - First impressions of Webflow’s GSAP UI
(2:00) - Why the timeline view is a game-changer
(3:20) - Where native GSAP falls short
(5:00) - Breakpoint limitations and workarounds
(6:20) - Performance impact: native vs. CDN vs. custom code
(9:40) - Webflow’s SEO updates and dynamic schema markup
(13:40) - The rise of Graphite for Webflow SEO
(14:20) - Custom slider deep dive: anatomy and sync challenges
(18:20) - Integrating prompts and interactive states
(19:20) - Why Webflow sliders haven’t evolved—and what’s next
(21:00) - Wrap-up and closing thoughts
At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn.
Find us at: https://noco.agency
If your B2B SaaS website isn’t built for AI discovery, you’re already behind.
In this episode, Ian and Yar explain how Webflow’s new LLM.txt update helps you rank in AI search tools like ChatGPT and Perplexity—and what steps SaaS teams should take right now to get ahead.
You’ll learn how to structure your content for crawlability, prioritize key features, and optimize for LLM visibility. Plus, thoughts on the recent Webflow outage, content strategy for SEO, and how to win in a world where AI does the searching.
Chapters
(0:00) - Webflow outage and the team’s response
(3:30) - What is LLM SEO and why it matters now
(6:40) - How Webflow's new LLM.txt feature works
(9:10) - Why crawlability and token limits are crucial for LLMs
(12:45) - Structuring your site for better AI visibility
(15:10) - Long-form content and contextual clarity
(17:50) - Robots.txt vs LLM.txt files
(21:30) - Google indexing ChatGPT conversations and SEO hacks
(24:40) - AI content monetization and what YouTube’s doing next
Big Webflow updates just dropped, and we’re breaking them down. From native scroll and click maps to GSAP powered interactions, Ian and Yar dive into what’s changed, what it means for devs and designers, and how it impacts your CRO workflows.
The highlight? Webflow Interactions is now powered by GSAP, the industry standard JavaScript library for high performance animations. You now get full timeline controls, easing presets, and fine grain targeting options built right into the Webflow UI. It’s a game changer for motion design and dev handoff.
Noco also just became an official Webflow Enterprise Partner.
Ian shares what this means for complex, high traffic SaaS websites and how it strengthens Noco’s positioning.
Plus, a brutal takedown of Adobe’s shady cancellation policy, and a fast paced tour through the latest AI tooling updates.
Timestamps:
(0:00) Back from hiatus + Noco becomes Webflow Enterprise Partner
(1:20) Why Analyze is finally worth using
(3:10) Native scroll maps and click maps
(4:25) New Webflow role system
(6:00) Adobe’s insane cancellation fee rant
(7:20) GSAP Interactions now in Webflow
(10:40) Demo: timeline controls and ease settings
(13:30) Productivity gains with built-in GSAP
(14:50) Framer, Figma Sites, and the new competition
(15:50) AI tools like Opus Pro, ChatGPT, and Grok
(18:00) ChatGPT’s lock-in via cross thread memory
(19:30) Google’s sneaky AI power in Gmail and Workspace
(20:00) Final thoughts: it's Apple vs Android all over again
Read more about Webflow's latest updates here: https://webflow.com/updates
Webflow’s new MCP (Model Context Protocol) is here, and it’s not just hype. It lets AI agents like Cursor and Claude directly interact with your Webflow projects. That means creating, editing, and managing CMS collections using natural language prompts. No manual clicking required.In this episode, Ian and Yar break down what MCP actually does, demo real workflows in Cursor, and explain why this shift marks the start of true AI-powered web development.You’ll learn:How Webflow MCP works with AI tools like CursorWhat “agent mode” really means in a Webflow contextReal-world use cases: batch archiving, dynamic content edits, and automated CMS setupsWhat’s possible today, and what’s coming nextChapters:
(0:00) What Is Webflow MCP?
(1:04) AI Agents Can Now Control Your CMS
(2:47) Why This Is a Game-Changer
(4:21) Live Demo: Archiving CMS Content
(7:01) Can You Edit 100 Blog Posts with One Prompt?
(9:20) Creating New CMS Structures with AI
(12:14) Massive Productivity Boost for Web Teams
(14:19) The Rise of Vibe Coding
(16:24) Prompting Is the New Dev Skill
(18:20) Real-World Use Cases for Noco Customers
(20:16) How To Get Started + What’s NextWhether you're a Webflow developer, SaaS marketer, or no-code enthusiast, this is a look into the future of site building.At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn. Find us at: https://noco.agency
Design-to-dev just got an upgrade. In this episode, Ian and Yar break down Webflow’s latest Figma integration update. If you're building high-performance marketing sites in Webflow, this is what works, what breaks, and how it fits into a fast-moving SaaS workflow.
Timestamps:
(00:48) – Webflow’s Figma Integration vs. Framer
(02:55) – Yar’s verdict: better for syncing styles, still not Framer
(04:42) – When the plugin works best (hint: not mid-project)
(06:01) – Live demo: syncing variables from Figma to Webflow
(10:38) – Real-time bugs and syncing frustrations
(12:25) – How it smooths designer-dev handoff
(13:42) – What the community hates most about it
(15:47) – AI in Webflow, the future of design-to-dev
(18:46) – Cursor, vibe coding, and what’s nextSubscribe for more hands-on Webflow breakdowns, no-code workflows, and high-conversion strategies for SaaS and tech teams.
At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn. Find us at: https://noco.agency
Edge Impulse getting acquired by Qualcomm isn't just a milestone for them. It’s a perfect example of the journey we want every Noco customer to take. From seed stage to scale, we’ve worked with them across four years of rapid growth, helping them stay fast, flexible, and conversion-ready at every step.This episode breaks down what that kind of partnership looks like. A high-performing, scalable website as the foundation. A subscription that supports continuous iteration. A collaborative workflow that lets us move fast without losing quality.This is why Noco exists. Not to launch and disappear, but to ship, iterate, and grow alongside the best B2B SaaS companies in the game.Timestamps(0:00) Intro and Qualcomm acquisition(1:30) How the Edge Impulse partnership started(4:50) Why a responsive website means business agility(9:15) From seed funding to scale with Noco(13:10) Continuous iteration and subscription value(17:00) The fall of Dribbble and where design is headingAt Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups.From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Ian, we put Webflow's AI Site Builder to the test and compare it with Framer and Relume. Webflow is pushing AI features, but does it actually deliver? We explore:- How Webflow's AI site builder works and its limitations- The key differences between Webflow AI, Framer AI, and Relume AI- Which platform is the best choice for B2B SaaS startups and early-stage companies- What Webflow should be focusing on instead of AI-generated sitesChapters:(0:00) Intro – Testing Webflow’s AI Site Builder(2:08) Who is Webflow really competing with?(4:28) Webflow AI vs Relume AI – Side-by-side comparison(7:29) First impressions – Does Webflow AI actually work?(12:23) What Webflow should focus on instead of AI(18:45) Who should use Webflow AI vs Framer AI?(24:40) Final thoughts – Is Webflow AI worth it?If you're a SaaS founder, Webflow user, or no-code enthusiast, this is a must-watch breakdown of where AI fits into Webflow's future.At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups.From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Ian, we explore how Cursor AI is changing the game for Webflow development. From GSAP animations to custom Webflow apps, Cursor allows developers to write, test, and implement code faster than ever, without constantly switching between tools.We break down:- How Cursor AI speeds up GSAP animations in Webflow- Why AI-driven coding is making complex interactions easier- How Yar built a Webflow app using Cursor AI- The future of custom Webflow tools and AI-assisted developmentIf you're working with Webflow, GSAP, or no-code tools, this episode is packed with insights on how AI can streamline development and take your projects to the next level.Chapters(0:00) Intro: AI in Webflow development(1:00) What is Cursor AI and how does it work?(3:00) How Cursor AI makes GSAP animations easier(6:40) Live demo: Using Cursor AI to animate in Webflow(9:20) Why AI-driven coding makes development faster(12:00) The role of Cursor AI in Webflow workflows(14:40) Beyond animations: Custom Webflow apps with Cursor AI(16:30) Yar’s Webflow app: Clean Styles and why it matters(18:20) NoCo’s upcoming Webflow app suite(20:00) The future of Webflow, GSAP, and AI-driven development"At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups.From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Jelle, we explore the latest Webflow apps that make tracking analytics and optimizing SEO easier than ever. Instead of juggling multiple logins and dashboards, these tools bring Google Analytics, Search Console, Tag Manager, and SEO audits directly into Webflow, giving you instant insights without leaving your site. For B2B SaaS and tech companies, this means faster decision-making, more actionable data, and better-performing websites. We break down: How Webflow apps streamline website analytics The best SEO tools to track site performance Why integrating analytics into Webflow saves time and boosts efficiency If you’re serious about conversion optimization, SEO, and tracking key website data, this episode is a must-watch. Chapters (0:00) Intro: Why website analytics and SEO matter (1:15) Webflow apps for tracking Google Analytics, Search Console & Tag Manager (3:40) How integrated analytics removes friction from website management (5:10) SEO optimization tools: Tracking rankings, meta descriptions & page speed (7:25) Google Lighthouse insights directly inside Webflow (9:00) Why SEO needs continuous monitoring, not just a one-time setup (11:15) How CRO and A/B testing fit into the analytics process (13:40) Using heatmaps and user behavior tracking for better website performance (15:20) The future of Webflow apps and AI-driven analytics At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups.From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Jelle, we dive into Relume, a game-changing AI-powered tool that streamlines web design and wireframing. What started as a wireframing tool is now an advanced AI-driven platform that can generate site maps, wireframes, and even style guides in minutes. For B2B SaaS and tech startups, speed is everything. Relume’s AI lets you generate structured, on-brand layouts and instantly import them into Webflow, reducing time spent on tedious setups. The ability to A/B test new ideas, launch landing pages on the fly, and validate concepts quickly makes this a powerful asset in any growth strategy. We discuss: - How Relume speeds up the wireframing and design process - How AI-generated components fit into Webflow’s style guide - Why AI-assisted design is the future of rapid site iteration If you’re building a SaaS product or scaling your website, this is an episode you don’t want to miss. Chapters (0:00) Intro: Live from Amsterdam (1:12) What is Relume? From wireframes to AI-powered design (3:30) AI-generated sitemaps and wireframes in real-time (5:10) How Relume integrates with Webflow for seamless workflows (7:00) Speeding up landing page development with AI (8:45) The future of AI-assisted design and its impact on SaaS (10:30) Validating product ideas and A/B testing with AI tools (12:00) How Webflow’s client-first framework enhances this workflow (14:10) Why rapid deployment matters for SaaS startups (15:00) Final thoughts: Where AI and no-code are headed At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups.From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Ian, we explore the latest Webflow updates, including variable modes for responsive design and brand consistency, and the upcoming integration of GSAP for advanced animations. These updates highlight Webflow’s commitment to making scalable, high-performing websites more accessible. We also discuss the rise of AI in web development, from generative AI to intelligent agents that streamline repetitive tasks, allowing designers and developers to focus on creativity and strategy. With tools like Webflow and Framer advancing rapidly, the no-code and low-code space is entering an exciting era. Whether you’re a B2B SaaS startup looking to scale your website or a tech enthusiast eager to stay ahead, this episode is packed with insights. Chapters: (0:00) Intro and updates on the CloudEmployee website launch (1:12) Overview of Webflow’s new variable modes (3:45) How variable modes enhance responsive design and brand consistency (7:10) Use cases for dark mode setup with Webflow variables (10:00) The role of CSS and AI in website accessibility and optimization (12:30) Yar’s take on Webflow’s backend limitations and improvements (14:15) GSAP explained: The animation library Webflow is integrating (16:45) Predictions for AI agents in Webflow development (19:30) The convergence of design and development with tools like Framer and Webflow (23:00) Keeping Webflow accountable for maintaining its edge in the no-code space (24:40) Closing thoughts on innovation in web design and development At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn. Find us at: https://noco.agency
In this episode of 20 MINUTES with Yar & Ian, we dive into the Webflow apps that are shaping the future of no-code web development. From Zapier and MemberStack to HubSpot and Graphite, these tools are empowering B2B SaaS startups to streamline their workflows, improve user experiences, and scale effectively. Yar also shares insights into lesser-known apps that save time and enhance productivity, along with exciting updates on how AI is integrated into Webflow for tasks like alt text generation and schema markups. Whether you’re building a SaaS product, optimizing workflows, or looking for tools to elevate your Webflow projects, this episode is packed with actionable insights. Chapters 0:00 Intro and New Year Greetings 1:40 Why Webflow apps are game-changers in 2025 3:20 Zapier app: Automating workflows within Webflow 6:15 MemberStack: Simplifying user accounts and gated content 9:45 HubSpot integration: Seamlessly connecting CRM with Webflow 13:20 Graphite for schema markups: Improving SEO with ease 15:40 Mini apps: Small tools, big time savings 18:00 SVG tools and performance optimization 20:00 Slater: Coding directly in Webflow 23:10 Bulk asset management with AI-powered alt text generation 26:30 Why micro apps can solve big frustrations 28:00 A sneak peek into Noco’s plans for developing Webflow apps At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn. Find us at: https://noco.agency
In the first episode of 20 MINUTES with Yar & Ian, we explore the no-code revolution, the strengths of Webflow, and how tools like Framer compare. From scalable website development to the role of AI in transforming workflows, we dive into topics that matter most to B2B SaaS startups. Yar shares his journey as a Webflow developer, insights on Webflow’s evolution, and the growing integration of AI tools like Webflow’s AI assistant. We also discuss how no-code tools are enabling startups to scale quickly and efficiently, and what the future holds for Webflow, Framer, and other no-code platforms. If you’re building or scaling a SaaS business, this episode is packed with actionable insights. Chapters 0:00 Intro and welcome to the first episode 1:30 Yar’s journey into Webflow development 3:00 The no-code revolution and Webflow’s evolution 5:10 Comparing Webflow and Framer for scaling startups 8:30 Why design and performance are at the heart of Noco 10:00 Webflow’s AI assistant and future innovations 12:40 How AI complements human creativity in development 15:10 Exploring Webflow apps and their benefits for SaaS 18:00 Closing thoughts on AI tools like ChatGPT and Claude At Noco we design and build high-performing websites for B2B SaaS & tech startups and scale-ups. From seed-stage to unicorn. Find us at: noco.agency
