Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Free courses from frontend to fullstack and AI
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
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+