Where can I find a tutorial on creating the design I saw using Webflow?

TL;DR
  • Search Webflow University and Showcase for matching designs or components.  
  • Clone similar projects or use community forums and YouTube tutorials for help.  
  • Recreate the layout manually using Webflow Designer tools, referencing the original design.

If you saw a specific design and want to recreate it in Webflow, you can use several resources depending on where you saw the original design.

​

1. Check Webflow University Tutorials  

  • Go to Webflow University.
  • Use the search bar to enter design-related keywords (e.g., "hero section," "sticky navbar," "CMS blog layout").
  • Browse video tutorials and step-by-step guides that match the effects or layout you saw.

​

2. Use the Webflow Showcase  

  • Visit Webflow Showcase.
  • Search or filter designs to find similar styles.
  • If the designer allows cloning, click Clone to duplicate the project into your account and inspect how it was built.

​

3. Use the Webflow Forum  

  • Go to Webflow Forum.
  • Post a question with a link or screenshot of the design you want to replicate.
  • Ask for help recreating the layout in Webflow—community members often provide walkthroughs.

​

4. Reverse-Engineer with Webflow's Designer  

  • Open a blank Webflow project.
  • Use your design reference as a guide to manually recreate the layout using Webflow's Designer Panel tools like Flexbox, Grid, and Position settings.
  • If uncertain how to achieve a specific effect, search Webflow University with keywords related to that feature (e.g., “hover interaction,” “CMS filter”).

​

5. Use YouTube Creators Specializing in Webflow  

  • Search on YouTube for Webflow tutorials from creators like Finsweet, Ran Segall, or Pixel Geek.
  • Include specific features in your search (e.g., “Webflow parallax scrolling tutorial”).

​

Summary  

To find a tutorial for a design you saw, start with Webflow University and the Webflow Showcase, search for matching design components, and use community forums or YouTube tutorials if needed. Cloning and reverse-engineering existing Webflow projects is often the fastest way to learn.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I set up a custom code button in Webflow that waits 2 seconds before redirecting to a specific URL when clicked?
What is preventing the "Current" text from changing color on the mobile version of my Webflow site when clicked?
How can I easily pull custom parameters from a page URL and replace them with placeholders in Webflow?
How can I add resolution-flexible SVG graphics to my Webflow designs using the Embed element and the currentColor attribute?
What could be the reason for the "A problem repeatedly occurred on..." message appearing when trying to open a recently published website on certain iPhones (iPhone 11 pro and iPhone 12)?
Is Webflow considered a headless CMS due to its provided API for querying CMS data?
Is it possible to use custom code in Webflow to give each item in a collection list its own unique class, so that they can have different attributes without affecting the entire list?
How can I troubleshoot form submission emails not being received by the client on a Webflow-hosted site?
How can I prevent the body from scrolling when the mobile menu overlay is active in Webflow?
How can I mask images in Webflow using unique shapes?
How can I slow down an animation created with JavaScript in Webflow? I am currently using the "smooth" property for the ".scrollIntoView" function, but I want it to go slower. Is it possible to create a custom JavaScript function to achieve this?
What could be causing the issue with my accordion tab not disappearing and reappearing on click in Webflow?
How can I disable the dragging and touch swiping behavior in Webflow sliders?
What is the proper way to size and scale the background image and centered icon in the hero section of a Webflow site? Specifically, how can I ensure that the images remain proportionate and do not become distorted when the window size changes?
Where can I find Lottie animations like the ones shown in the picture? And how can I change the color of a Lottie animation like the ones in the picture?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?