Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Figma Sites Beta Review - Transforming Figma Files into Working Websites

Envato Tuts+ via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore Figma's new beta feature "Figma Sites" in this hands-on tutorial where instructor Adi Purdila tests the tool for the first time to see if it can truly transform Figma designs into working websites without coding. Follow along as he discovers the platform's capabilities through real-time experimentation, covering essential topics including getting started with the interface, creating new pages, implementing reusable components and styles, setting up breakpoints for different screen sizes, adding animations, designing responsive layouts, and converting existing Figma designs into functional websites. Learn about the practical limitations and possibilities of this no-code website builder through unscripted exploration, making it ideal for designers curious about transitioning from static designs to live websites without traditional web development skills.

Syllabus

00:00:00 Introduction
00:01:24 Brought to you by Envato
00:01:41 Getting started
00:20:38 Creating new pages
00:25:42 Reusable components and styles
00:30:45 Break points
00:35:58 Animations
00:44:21 Responsive design
00:49:44 Working from a Figma design
01:05:05 Final thoughts

Taught by

Envato Tuts+

Reviews

Start your review of Figma Sites Beta Review - Transforming Figma Files into Working Websites

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.