Uploaded July 2025 | Updated September 2026, 3 weeks ago

---

Have you ever wished you could transform a Figma file into a real working website, without writing code? Now you can! Sort of. Figma just dropped a new Beta feature called “Figma Sites”, and today Adi is trying it out for the first time.
Join him as he figures it all out, sight unseen!

► Every type of asset, for any type of project and a full stack of AI tools: elements.envato.com/?utm_campaign=yt_tutsplus_we3vz5NispM&utm_medium=referral&utm_source=youtube.com&utm_content=description

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

CREDITS
Video Creator: Adi Purdila
Producer: Ian Yates
Video Editor: Marco Correa
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_we3vz5NispM&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_we3vz5NispM&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on TikTok: tiktok.com/@envato
► Follow Envato on Instagram: instagram.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: labs.envato.com/?utm_campaign=yt_tutsplus_we3vz5NispM&utm_medium=referral&utm_source=youtube.com&utm_content=description