A Complete Introduction to Webflow with Figma: Learn w/ Ruby


Webflow and Figma Masterclass with Ruby

What you’ll learn

  • Convert a Figma design to a full Webflow website
  • Use Wizardry and em units to create a responsive design cross-browser and cross-platform
  • Reading and interpreting Figma design files into Webflow input interface
  • Enhance UX/UI design by adjusting Webflow elements


  • None


Join Ruby on a journey of taking a design from Figma and converting it into a Webflow website that stays the same in design across interfaces, with minimal adjustments at changing viewport widths.

This could only be done with the help of Timothy Ricks super cool technique called Wizardry.  In this course, you will learn the basics of Webflow, wizardry, em Units, and some UI/UX design.  We will create a website together and setup up different components like a Navigation bar, Hero section, About section and FAQ section.

Who is this course for?

This course is for Webflow beginners interested in learning how to use the tool and for Figma enthusiasts interested in porting their Figma designs into Webflow

Why am I qualified to teach Webflow and Figma?

I work at Eikon Labs where I routinely work with both tools to take ideas and designs all the way from the brainstorming step to reality.

Why choose my course?

This course provides a hands-on and practical course aimed at beginners. The material can be covered at your own pace and has been designed to be of real use to people starting with Webflow and Figma.

Go ahead and click enroll button, if you don’t love the course, a refund is always guaranteed.

– Experiential Learning Team

Who this course is for:

  • Beginners to Webflow interested in porting Figma designs into Webflow


There are no reviews yet.

Be the first to review “A Complete Introduction to Webflow with Figma: Learn w/ Ruby”

Your email address will not be published.