Figma UI/UX design Prototype tutorial: How to create an animating website using Figma (Sinhala) 🧑‍💻

Опубликовано: 30 Январь 2025
на канале: Adomic Arts

4,708

176

Figma file here 👉:https://www.figma.com/community/file/...
👉Drive Link:https://drive.google.com/drive/folder...
💡📢Previous Figma Full tutorials:   • Figma tutorial for Beginners: UI/UX d...

📽️ CHAPTERS
00:00 - Introduction
03:40 - Designing the UI and UX
10:35 - Use Plugins in Figma
13:50 - Designing the buttons
16:50 - Designing the blurry background effect
18:50 - Designing the rotating skills section
35:11 - Prototyping the design
40:10 - Play the design and prototype
42:26 - Outro

🧑‍💻🔥👉In this Figma UI UX designing advanced video tutorial we are going to create a full animation website and prototype our UI. Here we are going to design a rotating UI section that we can enter our skills and showcase on our portfolio website. this tutorial is conducted in the Sinhala language. Figma advanced tutorial in Sinhala.Figma prototyping in Sinhala.How to design an animation website using Figma in Sinhala.

🏆Connect with us:
🏡FaceBook:  / webdevsrilanka
🏡linkedin:  / web-.  .
🏡GitHub:https://github.com/HGSChandeepa
🏡Medium:  / saminchandeepa
🏡email:[email protected]

🚀What are we going to discuss in this course?
What is Figma? A Design Crash Course in Sinhala.
Figma is a powerful design tool that helps you to create anything: websites, applications, logos, and much more.
By learning to use Figma, you’ll take your first steps into User Interface

Design and User Experience Design. These skills are essential for building a great portfolio for yourself and potentially for your own company.

I’ll break this explanation into a bunch of parts as we explore different features of Figma including:

introduction
How to make a frame in Figma
How to add grids and columns in Figma
How to use shapes in Figma
Add images in Figma
How to add texts to a design in Figma
Label Elements and create groups in Figma
How to download Figma for free
How to design in Figma
How to use Figma in web design
How to use Figma in Application design
Export files as PNG JPG SVG in Figma
Figma Dark mode
How to install Figma in windows 10
How to install Figma in windows 11
How to install Figma in windows 7
Figma to HTML and CSS
Figma UI design Sinhala
Figma UX design Sinhala
Figma full course in Sinhala
How to create a component in Figma
Figma buttons design
Text styles in Figma
UI/UX design beginner tutorial in Sinhala
adobe xd Webdesign
Figma tutorial web design
Figma Sinhala
Figma එක්ක UI/UX designing ඉගෙනගනිමු
Figma එක්ක Mobile App එකක් design කරමු
prototyping in Figma
mobile App Design in Figma Sinhala
ui ux design sinhala
ui ux figma tutorial sinhala
ui ux design sinhala

#figma #uiux #ui #ux #website #designing #mobileAppDesign