20 MINUTES by Noco - no-code tools, Webflow websites, B2B SaaS & tech

Ian Piepenbrock
  • 0,0 (0)
  • TECNOLOGIA
  • QUINZENAL

Short and sweet value and insights for B2B SaaS founders and CMOs . Focused on building high-performance websites with no-code tools like Webflow, Framer and more. Hosted by Yar Al-Roshidi and Ian Piepenbrock

  1. 14 DE AGO.

    Webflow GSAP UI: Power, Limitations, and Custom Slider Mastery

    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

    22min
  2. LLM SEO: How to Make Your SaaS Website AI-ready with Webflow

    6 DE AGO.

    LLM SEO: How to Make Your SaaS Website AI-ready with Webflow

    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

    28min
  3. GSAP in Webflow, Analyze Heatmaps and Noco Goes Enterprise! – Ep. 11

    22 DE JUL.

    GSAP in Webflow, Analyze Heatmaps and Noco Goes Enterprise! – Ep. 11

    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

    21min
  4. Webflow MCP + Cursor: How AI Agents Are Changing Web Development - 20 MINUTES #10

    17 DE ABR.

    Webflow MCP + Cursor: How AI Agents Are Changing Web Development - 20 MINUTES #10

    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

    22min
  5. The Figma to Webflow Update: What SaaS Teams Need to Know - 20 MINUTES #9

    9 DE ABR.

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

    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

    22min
  6. From Webflow to Qualcomm: What We Learned Helping Edge Impulse Scale - 20 MINUTES #8

    22 DE MAR.

    From Webflow to Qualcomm: What We Learned Helping Edge Impulse Scale - 20 MINUTES #8

    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

    29min
  7. Webflow AI vs Framer: Is Webflow's AI Site Builder Any Good? - 20 MINUTES #7

    6 DE MAR.

    Webflow AI vs Framer: Is Webflow's AI Site Builder Any Good? - 20 MINUTES #7

    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

    25min
  8. How Cursor AI Supercharges Webflow: GSAP, Custom Apps & Faster Development - 20 MINUTES #6

    17 DE FEV.

    How Cursor AI Supercharges Webflow: GSAP, Custom Apps & Faster Development - 20 MINUTES #6

    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

    22min
Ver tudo (13)

Sobre

Short and sweet value and insights for B2B SaaS founders and CMOs . Focused on building high-performance websites with no-code tools like Webflow, Framer and more. Hosted by Yar Al-Roshidi and Ian Piepenbrock

Informações

Você também pode gostar de