🌐 How to use Figma Sites to Launch Your UX Portfolio (No Code)
3.1K views · 2025-06-04
UI Design
Learn how to design, build, and **publish a UX portfolio website** using the **new Figma Sites (2025)** — all **no-code** and beginner-friendly!
In this step-by-step Figma Sites tutorial, you’ll learn how to build and publish a beautiful design portfolio website using Figma’s newest feature from Config 2025. Whether you’re a UX designer, student, or creative professional, this guide will walk you through everything from interface tips to going live.
https://www.figma.com/sites/
#FigmaSites #UXPortfolio #FigmaTutorial #figma #figmaconfig2025 #
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON and select All notifications so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
Music Credit
Music: Bensound
Artist: Marcus P.
License code: Q8DCOBYLOV6FKPTQ
--------------------------------------------------------------------------
🧘🏻♀️ My Gear:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer 🌸 The links from my gear above are amazon affiliate links which allow me to receive a small commission if you click on one of the product links at absolutely NO ADDITIONAL COST TO YOU.
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Figma Sites Intro
00:40 #2. Get Started with Figma Sites from Templates
02:14 #3.Figma Sites Interface and reusable Blocks
05:27 #4.Figma Make inside Figma Sites
06:00 #5. CMS inside Figma Sites
08:36 #6. Figma Site Template preview
09:51 #7. Create a Portfolio Figma Site from a custom Design
13:40 #8. Create responsive designs in Figma Sites
16:35 #8. Create interactions and animations in Figma Sites
19:40 #8. Publish a Figma Site
In this step-by-step Figma Sites tutorial, you’ll learn how to build and publish a beautiful design portfolio website using Figma’s newest feature from Config 2025. Whether you’re a UX designer, student, or creative professional, this guide will walk you through everything from interface tips to going live.
https://www.figma.com/sites/
#FigmaSites #UXPortfolio #FigmaTutorial #figma #figmaconfig2025 #
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON and select All notifications so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
Music Credit
Music: Bensound
Artist: Marcus P.
License code: Q8DCOBYLOV6FKPTQ
--------------------------------------------------------------------------
🧘🏻♀️ My Gear:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer 🌸 The links from my gear above are amazon affiliate links which allow me to receive a small commission if you click on one of the product links at absolutely NO ADDITIONAL COST TO YOU.
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Figma Sites Intro
00:40 #2. Get Started with Figma Sites from Templates
02:14 #3.Figma Sites Interface and reusable Blocks
05:27 #4.Figma Make inside Figma Sites
06:00 #5. CMS inside Figma Sites
08:36 #6. Figma Site Template preview
09:51 #7. Create a Portfolio Figma Site from a custom Design
13:40 #8. Create responsive designs in Figma Sites
16:35 #8. Create interactions and animations in Figma Sites
19:40 #8. Publish a Figma Site