Migrating from the legacy Editor: Overview Webflow 2026-09-24 | Migrating from the legacy Editor: Overview
Power, creative freedom and speed unlocked | Webflow Customer Story - Fivetran Webflow 2023-10-12 | Looking for a web development platform that could support ambitious business goals, Fivetran turned to Webflow to accelerate their speed to market, improve internal collaboration, and expand their digital presence globally.Learn how Jensen, Vince, Cat, and the rest of the team at Fivetran elevated their web experiences with Webflow.Read more about Fivetran's story here: webflow.com/customers/fivetran----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Adapting to changing markets: a global consulting firms perspective Webflow 2023-10-11 | For today’s businesses, staying ahead of the curve is critical to success. That’s why partnerships with global tech consulting firms — organizations that have a pulse on emerging trends and market shifts — have become so valuable.In this session, we’ll hear from leaders at global consulting firms Slalom and VMLY&R (part of WPP) on what’s driving shifts in today’s tech landscape, how companies can tap into emerging tech to remain agile as they scale, and what business and digital strategies are essential for today’s organizations.Please pardon the small audio hiccup around a minute into the video, it was an audio track glitch during the original broadcast. It only lasts for a bit under a minute and we hope you still enjoy the content. ----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Little nudges, big impact Webflow 2023-10-11 | We all have those moments that seemed trivial at the time, but when we look back, they turned out to play huge defining roles in our lives. This is the story about how, for Jonathan, Webflow was one of those moments.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Supercharging website development with design systems Webflow 2023-10-11 | Join us for a behind the scenes look at how teams at Webflow are bringing design systems to life for more scalable and consistent websites.We will take a closer look at features announced during the keynote, share best practices to utilize them in your projects and discuss our upcoming roadmap.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
When in Rome: Best practices for localizing your site Webflow 2023-10-11 | For businesses to grow internationally, they need to be able to truly customize their digital experiences for a global audience. From images and content to styles and layout, there are multiple ways to tailor your website to resonate with site visitors in a particular region or locale. Translation is only part of the equation.In this session, Caroline Ren (Senior Product Marketing Manager, Webflow) and Brett Domeny (Senior Product Manager, Webflow) share some best practices for localizing your sites and give you a closer look at Webflow Localization, our native end-to-end solution for taking your site worldwide.Learn more about Webflow Localization here: http://www.webflow.com/localizationAnd stay informed on key updates here: webflow.com/updates----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
The modern marketer: How today’s leaders are scaling their web strategies Webflow 2023-10-11 | As organizations chart their paths to profitability and beyond, they often face a number of challenges that come with growth and scale: prioritization tradeoffs, budget constraints and headcount. For marketing teams specifically, overcoming these challenges often requires implementing new strategies, adjusting team roles and processes, and embracing a culture of experimentation. During this session, marketing leaders at IDEO, Attentive, and BILL will share the importance of having the right people, tech, and workflows in place — as well as how they are scaling their own marketing and web strategies.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Show, don’t tell — create sites that do the talking for you Webflow 2023-10-11 | In this session, Marco will explain the process and thinking behind designing his portfolio, marco.fyi, and diagram.com — which share a similar macro-familiar yet micro-complex structure and approach. Walk away feeling inspired to leverage your Webflow and design skills to create sites that speak for themselves through engaging interactions and animations.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Best practices for building sites faster as a team Webflow 2023-10-11 | Join us to learn best practices for how teams of all sizes can work better together in Webflow, led by the people who built them.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Beyond the Webflow Designer: Unlocking the power of web apps Webflow 2023-10-11 | Discover a whole new dimension of creativity and capability as we delve into the dynamic world of web applications. Join us as we unveil the art of pairing Webflow with complementary apps to create extraordinary user experiences.Ignite your imagination and prepare to be blown away as you learn what you can build with Webflow, Wized, and Xano. Get ready to unleash your potential and revolutionize your approach to low-code web app development!----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Unlocking the power of tokens Webflow 2023-10-11 | Learn about the benefits of a utility-first system and how design tokens can play a role in Webflow development from Timothy Ricks.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Getting started with code management: leveraging Webflow, GitHub, and VS Code for client success Webflow 2023-10-11 | Most Webflow projects need at least some custom code. In this session, you'll learn the basics of managing your code for easier updates and higher reliability with industry-standard tools like VS Code and Github. We'll also walk through how to store your code in a Github repository, publish a release, and serve it from a CDN, alongside a quick look at how Finsweet manages team client projects with the Finsweet Developer Starter.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Driven by design, empowered by technology Webflow 2023-10-11 | In this session, Stefanie and Leo will talk about combining design and technology to stand out in a fast-paced marketing landscape. With a strong focus on building better experiences that form genuine emotional connections with our audience, we can pave the way for long-term success and a brighter future in the creative industry.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Webflow API hacks Webflow 2023-10-11 | The Webflow API has powerful features — especially if you know the tricks — and you can use it to supercharge your site in ways you didn’t even realize. In this talk, we're going to cover what you can do with the API to level up your Webflow sites.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Discover the power of Webflow Apps Webflow 2023-10-11 | Join us to learn more about Webflow's newest product capabilities, led by the people who built them.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Speed Build Challenge 2023 Webflow 2023-10-11 | Watch as top competitors put their Webflow skills to the test in this year’s Speed Build Challenge — a bracket-style competition to showcase and celebrate Webflow visual developers around the world.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Webflow Awards Webflow 2023-10-11 | The Webflow Awards highlight and celebrate our customers, community, and partners who bring some of the most creative and technically impressive projects to life every day, #MadeinWebflow.Join us from the Main Stage as we announce the winners of this year's Webflow Awards.----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Webflow Conf 2023 Keynote Webflow 2023-10-07 | In the Webflow Conf 2023 Keynote, the team shows off tons of new and improved Webflow features to empower everyone to make pro websites.Join Vlad Magdalin, Linda Tong, Bryant Chou, Allan Leinwand, and Emily Lonetto as they take us through everything new to Webflow.Learn more about how to use the new features at university.webflow.com#WebflowConf00:00:00 - Welcome to Webflow Conf 202300:02:12 - New logo00:04:31 - Keynote agenda00:05:15 - New Designer UI00:06:24 - Spline integration00:11:00 - Localization00:17:51 - Variables00:26:08 - Custom properties00:31:34 - Components00:37:40 - Integrations & extensibility in Webflow00:39:34 - Apps in the Marketplace00:42:08 - New REST & Designer APIs00:44:35 - Figma to Webflow (Sync components & variables)00:49:15 - DevLink update (Import React components)00:54:35 - Collaboration in Webflow00:59:34 - Product recap01:02:15 - Community01:08:01 - Wrap up & thank you----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Anfernee Grant, 8020 — Made in Webflow Webflow 2023-09-19 | 8020 is an agency that specializes in Webflow development. Walk through their fresh new site with Anfernee Grant, Webflow designer and developer.Instead of using a template within the CMS, Anfernee and the 8020 team wanted to make their case studies page more scalable and flexible, so they built the page using Symbols. Learn how they’re getting more collaborative — and living their dreams — every day.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Introducing Webflow Apps Webflow 2023-09-13 | Join host Aron Korenblit and guest Joey Best-James, Senior Systems architect at Webflow, to introduce Webflow Apps. In this session, you'll learn different apps available in the new Webflow Marketplace and how they can help you build you build more powerful websites faster.Learn more about Webflow Apps: wfl.io/livestream-apps0:00 Starting soon1:45 Stream introduction3:47 Who is Joey?5:30 What is a Webflow App?6:35 What can you do with a Webflow App?8:15 What is today's usecase?9:22 Connecting Webflow & Hubspot using the Hubspot Appp18:50 Adding analytics using the Humblytics app21:55 Creating a pricing table using Finsweet Tables31:59 How are apps different from plugins?33:46 Will this slow down my site?34:58 Is there a cost to installing Webflow Apps?35:40 Are Webflow apps reviewed by Webflow?37:05 Where should I go if I want to build a Webflow App?38:00 How are chrome extensions different from Webflow Apps?39:50 How does the authentication work?40:30 How do you uninstall an app?41:15 What will developers have access to next in the designer?42:19 How long does an App review take?43:00 Outro
World Environment Day 2022 — Made in Webflow Webflow 2023-09-05 | World Environment Day is a major campaign for the United Nations in which millions of people visit a website to see actions people are taking to save the environment — and to get inspired to take action themselves.Learn what went into the impressive globe scroll animation on the 2022 site — and how they gained creative control, development superpowers, and more efficient feedback processes.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Jonathan Morin, Jomor Design — Made in Webflow Webflow 2023-08-22 | Jonathan Morin is the founder of Jomor Design, an independent design practice focused on high-end digital experiences. When Awwwards reached out to him about doing a course of his own, he knew he wanted to showcase his personal approach to using Webflow. And what better way to showcase that than through your own portfolio?Learn how Jonathan’s portfolio achieves a hypnotizing effect by using Hide/Show in Webflow to pull the visitor into the experience.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Automatically generate open graph images for your Webflow site | Road to WebflowConf Webflow 2023-08-10 | Join host Aron Korenblit for a workflow session. In this session, you'll learn how to dynamically create open graph images (or blog headers, social images, testimonials, or any dynamic image really!) for your Webflow site using Bannerbear (or other image generation tools)Get the template and resources: wfl.io/livestream-open-graph0:00 Starting soon2:40 Introducing Road to Webflow Conf7:15 Agenda for generate Open Graph images8:13 Workflow overview12:44 Creating the template in Bannerbear29:00 Generating an image dynamically32:50 Connecting our data to our template in Airtable37:16 Quizz to win a Webflow Conf ticket38:37 Generating our first image dynamically42:15 Quizz #2 to win a Webflow Conf ticket43:19 Q&A Do you create a new image on every button click?42:30 Q&A Where can you get the Airtable script?46:50 Credits & thank you
Ray de Guzman, Bitbuy — Made in Webflow Webflow 2023-08-08 | As a leader in the cryptocurrency exchange market in Canada, Bitbuy needs a site that can support thousands of CMS items in order to provide the most value to their visitors. So when it came time to go from just a handful to over 2,500 assets displayed on their prices page, Webflow made it easy for Ray and his team, even freeing up developer resources in the process.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with GoDaddy — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your GoDaddy domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:43 – Adding your domain to Webflow01:55 – Update DNS settings in Google Domains02:26 – Removing conflicting records03:32 – Update DNS records05:26 – Setting our defualt domain to www05:59 – Verify our domain in Webflow06:47 – Publish our domain07:10 – SEO indexing07:28 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Google Domains — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Google domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:43 – Adding your domain to Webflow01:20 – Update DNS settings in Google Domains02:10 – Removing conflicting records03:15 – Update DNS records05:02 – Setting our defualt domain to www05:42 – Verify our domain in Webflow06:28 – Publish our domain06:52 – SEO indexing07:11 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Web.com — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Web.com domain to Webflow and connect it to your Webflow site.00:28 – Introduction00:43 – Adding your domain to Webflow01:22 – Update DNS settings in Google Domains02:07 – Removing conflicting records04:07 – Update DNS records06:28 – Setting our defualt domain to www07:14 – Verify our domain in Webflow08:01 – Publish our domain08:24 – SEO indexing08:43 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with DNSimple — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your DNSimple domain to Webflow and connect it to your Webflow site00:27 – Introduction00:43 – Adding your domain to Webflow01:20 – Update DNS settings in Google Domains01:40 – Removing conflicting records03:16 – Update DNS records05:25 – Setting our defualt domain to www06:05 – Verify our domain in Webflow06:29 – Publish our domain07:15 – SEO indexing07:33 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Domain.com — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Domain.com domain to Webflow and connect it to your Webflow site00:27 – Introduction00:43 – Adding your domain to Webflow01:20 – Update DNS settings in Google Domains01:49 – Removing conflicting records03:25 – Update DNS records05:33 – Setting our defualt domain to www06:13 – Verify our domain in Webflow07:00 – Publish our domain07:23 – SEO indexing07:41 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Domains Made Easy — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Domains Made Easy domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:43 – Adding your domain to Webflow01:19 – Update DNS settings in Google Domains01:40 – Removing conflicting records03:10 – Update DNS records05:03 – Setting our defualt domain to www05:39 – Verify our domain in Webflow06:26 – Publish our domain06:50 – SEO indexing07:08 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Namecheap — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Namecheap domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:43 – Adding your domain to Webflow01:19 – Update DNS settings in Google Domains02:06 – Removing conflicting records03:13 – Update DNS records05:04 – Setting our defualt domain to www05:41 – Verify our domain in Webflow06:28 – Publish our domain06:51 – SEO indexing07:09 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Bluehost — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Bluehost domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:42 – Adding your domain to Webflow01:22 – Update DNS settings in Google Domains01:59 – Removing conflicting records03:26 – Update DNS records05:15 – Setting our defualt domain to www05:52 – Verify our domain in Webflow06:39 – Publish our domain06:58 – SEO indexing07:20 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with iONOS — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your iONOS domain to Webflow and connect it to your Webflow site.00:27 – Introduction00:43 – Adding your domain to Webflow01:19 – Update DNS settings in Google Domains02:06 – Removing conflicting records03:36 – Update DNS records06:04 – Setting our defualt domain to www06:44 – Verify our domain in Webflow07:30 – Publish our domain07:55 – SEO indexing08:12 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Connecting a custom domain with Cloudflare — Webflow tutorial (using the Old UI) Webflow 2023-08-01 | Learn how to point your Cloudflare domain to Webflow and connect it to your Webflow site.To learn more about integrating Cloudflare and its proxy with Webflow → university.webflow.com/integrations/cloudflare00:27 – Introduction00:42 – Adding your domain to Webflow01:19 – Update DNS settings in Google Domains02:03 – Removing conflicting records03:15 – Update DNS records05:26 – Setting our defualt domain to www05:59 – Verify our domain in Webflow06:46 – Publish our domain07:10 – SEO indexing07:28 – Recap----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
2023 Webflow Speed Build Challenge - AMERICAS Regional Webflow 2023-07-27 | Join us on July 27th at 10:00am Pacific Daylight Savings Time to watch Carter Ogunsola challenge returning Speed Build Challenge semifinalist, Carlos Sepulveda during the AMER regional round. Winner of this round gets airfare, hotel accommodations and a ticket to the 2023 Webflow Conf to compete in the live, in-person, semifinals round.Learn more about Carter:bento.me/carterogunsolaLearn more about Carlos:nicer.ioCommunity poll (open between July 27th - August 4th):webflow.com/webflowconf/speed-build-challenge#pollRegister for free for the 2023 Webflow Conf:webflow.com/webflowconf-----Timestamps:00:00:00 Stream start00:01:01 Stream intro00:01:44 Rules of the challenge00:02:33 Scoring00:02:47 Welcome judges00:03:50 Challenger 1 - Carter Ogunsola00:04:42 Challenger 2 - Carlos Sepuldeva00:05:45 Prompt generation00:06:50 Speed build00:17:06 10 minutes left00:22:06 5 minutes left00:26:06 1 minute left00:28:13 Carter presents his project00:30:12 Carlos presents his project00:31:30 Judging phase00:35:47 And the winner is...00:39:39 Reminders00:40:00 Thank you judges!00:41:23 Thank you producers!00:41:51 Outro00:42:06 End stream
2023 Webflow Speed Build Challenge - EMEA Regional Webflow 2023-07-27 | Join us on July 26th at 5:00pm Central European Summer Time to watch Stefan Velikov challenge returning Speed Build Challenger, Riziki Nielsen during the EMEA regional round. Winner of this round gets airfare, hotel accommodations and a ticket to the 2023 Webflow Conf to compete in the live, in-person, semifinals round.Learn more about Riziki:https://www.riziki.dk/Learn more about Stefan:https://aboutstefan.dev/Community poll (open between July 27th - August 4th):webflow.com/webflowconf/speed-build-challenge#pollRegister for free for the 2023 Webflow Conf:webflow.com/webflowconf----Timestamps:00:00:00 Stream start00:01:01 Stream intro00:01:24 How it works00:01:54 Challenge rules00:02:11 Scoring00:02:27 Welcome judges00:03:15 Challenger 1 - Riziki Nielsen00:03:55 Challenger 2 - Stefan Velikov00:05:30 Prompt generation00:06:46 Speed build!00:21:47 5 minutes remaining00:25:48 1 minute remaining00:26:49 Round complete00:27:19 Riziki presents his project00:28:34 Stefan presents his project00:30:11 Judging phase00:34:12 And the winner is...00:35:26 Tie breaker00:40:51 Riziki presents his project00:42:03 Stefan presents his project00:43:38 Judging phase00:46:43 And the winner is...00:49:51 Coming up next00:52:33 End stream
Ritesh Gupta, Useful School — Made in Webflow Webflow 2023-07-25 | When designing the website for Useful School — the world’s first online, pay-what-you-can design school for people of color — Ritesh Gupta utilized a template by one of his favorite designers. But he wanted to take advantage of the creative freedom Webflow supports by adding custom interactions.Learn how Ritesh used movement, scale, and opacity to create a playful bounce and add extra oomph to Useful School’s Nav Bar.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
2023 Webflow Speed Build Challenge - APAC Regional Webflow 2023-07-25 | Join us on July 25th at 8:30am India Standard Time to watch Shreyas Kothakonda challenge returning Speed Build Challenge semifinalist, Ankita Gupta during the APAC regional round. Winner of this round gets airfare, hotel accommodations and a ticket to the 2023 Webflow Conf to compete in the live, in-person, semifinals round.Learn more about Shreyas:shreyask.webflow.ioLearn more about Ankita:ankita-gupta.webflow.ioCommunity poll (open between July 27th - August 4th):webflow.com/webflowconf/speed-build-challenge#pollRegister for free for the 2023 Webflow Conf:webflow.com/webflowconf------Timestamps:00:00:00 Stream start00:01:12 Stream intro00:01:34 Challenge rules00:02:23 Scoring00:02:34 Guest judges00:03:17 Meet the challengers00:03:22 Shreyas Kothakonda00:04:00 Ankita Gupta00:05:16 Prompt generation00:05:50 Round start00:16:07 10 minutes left00:21:07 5 minutes left00:24:07 2 minutes left00:25:57 10 second countdown00:26:29 Shreyas project presentation00:28:16 Ankita project presentation00:29:06 Judging phase00:30:04 Adam's scores00:31:26 Daniel's scores00:32:55 Harshit's scores00:34:36 And the winner is...00:35:05 Shreyas's thoughts00:36:29 Ankita's thoughts00:37:41 Coming up next...00:38:19 Thanks to our judges00:39:59 Stream end
Develop creative website layouts in minutes with grid and flexbox — Webflow livestream tutorial Webflow 2023-07-13 | Join host, Nelson Abalos Jr, for another exciting “multiversal” episode of Build With Me as we utilize CSS grid and flexbox to quickly create a unique layout, just like the one we’ll be demoing during the stream. Which, by the way, was designed by Nihar Tayade. Check out the original tweet here: twitter.com/entashi_23/status/1645702186926522368 We’ll learn more about:- How CSS Grid and Flexbox can work together- Using blend modes to create knockout text on top of a background video element- Using Webflow interactions to make a googly eye follow your mouse cursorCloneable: wfl.io/grid-flexbox-layout----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Learn how we made the orbital animation for Webflow Webflow 2023-07-13 | Join host, Nelson Abalos Jr, for another fun episode of Build With Me as we learn how Senior Designer on the Webflow Community team, Skylar Kitchen, built the orbiting circles animation for the Webflow Community homepage.webflow.com/community We’ll learn more about:- Setting up the HTML and CSS for this design- Creating the Webflow interaction- Adding in dynamic data to the animationCloneable: wfl.io/livestream-orbiting-circles----------Timestamps:00:00:00 Intro00:01:21 Stream topic00:03:59 Stream agenda00:04:57 Welcome Skylar Kitchen!00:06:37 Learn about the process00:10:08 Early design drafts00:14:01 Building out the elements00:23:23 Adding interactions00:34:40 QA00:35:41 Webflow Challenge00:38:16 Thanks, Skylar!00:39:02 Credit roll00:39:50 Outro----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Niccolò Miranda, Paper Portfolio — Made in Webflow Webflow 2023-07-11 | Niccolò Miranda wasn’t a developer when he started designing. But with Webflow, he’s been empowered to flex his skills — claiming his rightful place as a designer and developer. In this episode, Niccolò tells us how he achieved the spiral animation effect on his Paper Portfolio, winner of the Awwwards Site of the Month in November 2021, in just a few clicks.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Set up Google Analytics to track data on your site — Webflow tutorial Webflow 2023-07-08 | Add Google Analytics to your Webflow site to gain valuable information about user behavior. Google Analytics provides powerful metrics, like how many users and page views your site gets, where your site traffic comes from, how long people stay on your site, and how many of them leave a site page without clicking other links (bounce rate).Set up Google Analytics now → analytics.google.com00:00 — Introduction00:35 — Create a Google Analytics account01:09 — Create a property01:57 — Copy Measurement ID03:24 — Configure in Webflow04:04 — Test the integration05:14 — RecapWebflow University → university.webflow.com/lesson/set-up-google-analyticsGoogle Analytics Help → support.google.com/analytics----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Simplify your blog content creation workflow with Notion and Webflow – Workflow series Webflow 2023-07-06 | Join host Aron Korenblit for a workflow session. You'll learn how you can simplify and speed up your blog content creation process by using Notion to draft, approve and review your content and then sync it to Webflow automatically.You'll learn how to bring content from Notion to Webflow using Whalesync.Get the cloneable: wfl.io/livestream-notion-webflow------Timestamps00:00:00 Stream starting soon00:02:05 Stream intro00:04:23 Today’s topic and agenda00:06:00 Automation demo in Notion00:09:40 Automation setup in Webflow and Notion00:19:10 Setting up Whalesync00:28:50 Testing the sync00:30:05 Setting up a two-way sync00:44:10 Q: What's the difference between Whalesync and other automation platforms?00:46:43 Q: Is it possible to still use this sync if I have multiple rich text fields?00:49:20 Q: Can the sync work with multi-reference fields?00:52:10 How we created the credit roll00:53:40 Credit roll
Rapid responsive layouts using Quick Stack — Webflow tutorial Webflow 2023-07-05 | The Quick Stack element in Webflow is a tool for quickly designing responsive layouts. It fuses the power of CSS grid with pre-populated divs set to flex-vertical, so you can craft beautiful designs for any screen size or resolution. In this lesson, we demonstrate how to use Quick Stack to make sure your visitors get the best experience regardless of their screen size.00:00 — Introduction00:44 — Desktop02:01 — Tablet03:27 — Mobile landscape05:05 — Mobile portraitRead all about it → university.webflow.com/lesson/quick-stack#how-to-style-a-quick-stack-on-different-breakpoints----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Transition to Google Analytics 4 for your site — Webflow tutorial Webflow 2023-07-01 | If you currently have Universal Analytics set up on your site, you’ll need to migrate to Google Analytics 4 (GA4) by Saturday, July 1, 2023 to ensure your site analytics tracking isn’t disrupted. Since Universal Analytics data won’t be visible in your Google Analytics 4 property, we recommend migrating as soon as possible to maximize the amount of historical data in your Google Analytics 4 property.In this lesson, we cover how to do this in four steps:00:00 — Introduction00:58 — Migrate to the new GA4 property in Google Analytics03:34 — Copy the Measurement ID03:44 — Make the switch in Webflow04:34 — Test to confirm your site migrated correctly06:15 — RecapWebflow University → university.webflow.com/lesson/set-up-google-analytics#how-to-migrate-from-universal-analytics-to-google-analytics-4Google Analytics Help → support.google.com/analytics/answer/10759417----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Jose Ocando, Whiteboard — Made in Webflow Webflow 2023-06-27 | Jose Ocando is a Lead Webflow Developer at Whiteboard, an award-winning creative agency based in Chattanooga, Tennessee. The Whiteboard team wanted their homepage to connect to their origin story, showcase who they are, and give visitors a smooth, interactive experience — quickly and seamlessly. In this episode, Jose walks through how they achieved just that with an easter egg animation that allows their clients to get to know who they are in a unique, immersive way before ever booking a call.Explore the benefits of Webflow for Freelancers and Agencies: wfl.io/miwyt----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Introducing Comments in Webflow Webflow 2023-06-22 | Comments allow you to streamline your team’s communication so you can build and iterate on your designs faster. Workspace members and guests can share, review, and resolve feedback without ever leaving the Webflow Designer.00:00 — Introduction 00:46 — Make a comment 02:41 — Resolve comments 02:48 — Filter comments 03:41 — Manage notifications 03:58 — RecapLearn more about Comments in Webflow → university.webflow.com/lesson/comments----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Create a stunning scrolling zoom interaction for your Webflow portfolio in just minutes Webflow 2023-06-22 | Join host, Nelson Abalos Jr, for another fun episode of Build With Me as we recreate the scrolling zoom interaction as seen on the Discovery Builders homepage.discoverybuildersllc.comWe’ll learn more about:- Setting up the HTML and CSS for this design- Creating the Webflow interaction- Making a mobile version of the interactionCloneable: wfl.io/livestream-scrolling-zoom----------Timestamps:00:00:00 Stream start00:01:27 Stream intro00:02:23 Stream topic and demos00:05:39 Stream agenda00:06:48 Breaking down the design00:13:10 Building the page in Webflow00:22:56 Adding the scrolling zoom interaction00:36:12 Q&A00:40:01 Credit roll and outro----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Introducing V Flex & H Flex in Webflow — Micro lesson #42 Webflow 2023-06-16 | Use the V Flex and H Flex elements for more efficient layout design.The V Flex and H Flex elements are div blocks that have been pre-set to flexbox. These elements let you design with flexbox more efficiently.V Flex is set to vertical flexbox, which means that child elements placed in the div will flow vertically (i.e., up to down). H Flex is set to horizontal flexbox, which means that child elements placed in the div will flow horizontally (i.e., left to right). 00:00 — Intro00:06 — Introducing V Flex & H Flex00:10 — V stands for Vertical & H stands for Horizontal00:19 — The secret? They are just divs that come with the full power of flexbox00:28 — Outro----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Introducing Quick Stack in Webflow Webflow 2023-06-15 | Using the Quick Stack element in Webflow is one of the fastest and most powerful ways to build production-grade layouts. It combines the power of CSS grid and comes pre-populated with divs set to flex-vertical. By using Quick Stack, you will see a dramatic increase in the speed of your builds.00:00 — Introduction00:36 — What is Quick Stack?01:37 — Adding content inside Quick Stack02:03 — Flex vs Grid vs Quick Stack (when to use which)Learn more about Quick Stack → university.webflow.com/lesson/quick-stackCheck out this feature and browse through cloneables using Quick Stack:Conference landing page - wfl.io/clpPhotography portfolio page - wfl.io/photoCoworking space landing page - wfl.io/coworking----------Get started with Webflow: wfl.io/2r7cVUWJoin the Webflow Community: webflow.com/communitywebflow.comtwitter.com/webflowfacebook.com/webflow
Get started with DevLink Webflow 2023-06-14 | Join host Aron Korenblit and guest Victoria Plummer, developer relations lead @ Webflow for a workflow session. You'll learn how to use DevLink to sync website components built in Webflow with any React project to bridge the gap between design and dev.Get access to the beta & additional DevLink resources: wfl.io/livestream-devlink----Timestamps:00:00:00 Stream start00:02:20 Stream intro00:05:08 Introducing Victoria from our Devrel team00:07:06 What is Devlink?00:10:20 Starting the Devlink demo00:11:00 Why should you build a web page with React?00:13:59 The role does Webflow play in a React app00:15:11 How to find a React synced component in Webflow00:19:31 How to create a React component with Devlink00:23:59 Making changes to the styles of a React component00:26:19 Making a dynamic React component00:30:59 Q: What types of objects can be passed into React?00:31:48 Q: What is a runtime prop and a slot?00:34:25 Comparing runtime props in Webflow and React00:36:58 Example of a React slot00:38:58 Adding a chart into React00:41:28 Q: Can it run a Webflow interaction?00:43:35 Q: Can existing React components be brought into Webflow?00:43:36 Q: Can Devlink work with other frontend frameworks?00:44:25 Q: What Webflow elements are supported in Devlink?00:45:16 Q: What happens if I make frontend changes in React?00:46:28 Q: Can I create components for a design system?00:46:58 Q: Is the Webflow publishing tied to Devlink sync?00:48:14 Q: Can you show how the React app consumes the data?00:51:04 Best practices for syncing00:53:00 Where to find more about Devlink?00:53:40 Credit roll
