Google, IBM & Microsoft Certificates — All in One Plan
Stuck in Tutorial Hell? Learn Backend Dev the Right Way
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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+