Interactive Portfolio Website: Figma UI Design Tutorial for Beginners | Step-by-Step Guide
#figma #ui #design
Interactive Portfolio Website: Figma UI Design Tutorial for Beginners | Step-by-Step Guide
🚀 Welcome to Dsingr! In this beginner-friendly tutorial, we'll embark on a journey to design an interactive portfolio website using Figma UI Design. Whether you're a budding designer or looking to enhance your skills, this step-by-step guide is tailored just for you!
📂 Figma File:
https://www.figma.com/community/file/...
🔥Figma Web Design Tutorial for Beginners: Full Process for Creating Stunning UI Designs!https:
//
• Figma Web Design Tutorial for Beginne...
🌟 Key Highlights:
Crafting an interactive portfolio website with Figma
Beginner-friendly UI design tutorial
Step-by-step guide for seamless navigation
Enhance your design skills effortlessly
Elevate your portfolio with stunning UI elements
Cover Topic's:
Interactive Portfolio Website
how to turn figma design into website
interactive portfolio website
interactive website design
figma interactive components
interactive drop down menu figma
how to publish figma website
interactive website tutorial
figma tutorial web design
figma responsive web design
figma how to make scrollable page
how to create ui design for website
figma projects for beginners
ui/ux design beginners tutorial figma
👍 If you find this tutorial valuable, don't forget to like, share, and subscribe! Your support fuels my passion for creating more valuable content. Hit the bell icon to stay updated on the latest tutorials and design insights.
#figma #ui #design
36
views
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
Learn how to create amazing 3D carousel sliders with rotating effects in Figma, with no plugins, videos, and no Lottie files, just simple techniques!
And don't forget to grab the free Figma files to test this animation yourself!
7
views
If I Started UI/UX Design in 2024, I'd Do This!
UI/UX Design is going to be one of the most valuable skills of 2024. On an average, UI/UX Designers earn ₹10 Lakhs every year!
In this video, I'm going to share with you a complete roadmap to become a pro designer in 2024, and also how to apply for top jobs!
I’ve covered everything in this video-
Mastering the very basics of Figma and UX Design, Building an employable portfolio from scratch, applying for design jobs, and staying relevant as a designer in 2024 with making the best use of the latest AI tools, including ChatGPT!
Watch this video till the very end, and remember to take notes to become a 10X Designer by the end of this year!
CHAPTERS
00:00 Intro
00:41 Why UI/UX Design?
01:54 UI/UX Design & Figma Basics
04:55 Building a Design Portfolio w/ Case Studies
06:49 UI/UX Design Jobs
10:23 Bonus Tips
12:59 Outro
9
views
Food App Design in Figma | Delivery Mobile App UI/UX Design | Figma Tutorial
In this Figma Tutorial I'll design Food App Design in Figma with 2022 UI design trend for Delivery App UI Design & UX Design. Also this Mobile App Design includes Get Started screen design & Home Screen design can be use for Food Ordering App Design & Delivery App Design.
Please provide your feedback on this Food App project. Thanks
#figma #food #tutorial #delivery #restaurant #mobileapp
16
views
Figma Tutorial For Beginners 2023 | Web Design of Landing Page
In this video we're going to create a cool landing page in Figma.
Even a beginner will be able to repeat such a design and, having trained, take orders and make money online, making cool website design.
6
views
Figma Variables & Advanced Prototyping - Crash Course
Today, we're going to embark on a crash course where you'll learn Figma's new variables, modes, collections, and advanced prototyping with conditional logic. There's a lot to unpack here, so I made it as easy as possible to follow along.
5
views
How to Prototype in Figma: Smart Animate, Prototyping and Scrolls (Tutorial)
How to Prototype in Figma: Smart Animate, Prototyping and Scrolls (Tutorial)
1
view
The CORRECT (and lazy) way to prototype | Figma Tutorial
The CORRECT (and lazy) way to prototype | Figma Tutorial
1
view
Best 20 Example UI/UX Design For Mobile App | UI/UX Animation Design
Design inspiration for you guys. This 20 Example UI/UX Design For Mobile App got pick from Dribble. You can follow the designer on link below, thank you & hope you enjoy it, cheers
1
view
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
Welcome to our Figma tutorial where we dive into the creation of a captivating 3D carousel using Figma's Smart Animate feature! If you've ever wanted to elevate your web design skills and create eye-catching, interactive elements, this tutorial is perfect for you.
In this step-by-step guide, we'll walk you through the process of designing a 3D carousel from scratch. You'll learn how to craft a visually stunning carousel of smoothie bowls, with a seamless flow of changing visuals that is sure to engage any viewer.
Don't forget to hit the subscribe button for more design tutorials and inspiration. Happy designing!
3
views
Figma Tutorial: Fake 3d Rotation in Figma
In this video, we'll teach you how to create a fake 3D rotation in Figma. It is our most requested tutorial, we hope you will enjoy it.
5
views
How I make UI color palettes
Creating a UI color palette can sometimes feel a bit complicated and messy. But I’ve developed a systematic, efficient method for making a color system. In this video, I run through the 5 steps I use (plus a few extra tips for working with color)!
1
view
Design This ON/OFF Toggle in Figma (Easy)(2023)
Design an Animated Sun and Moon On/Off Toggle - A Simple Tutorial for this Seamless Animation. Super easy and fun a great way for beginners in Figma to learn how to make animated components. 2023
3
views
Create a Responsive Grid System for Web & UI Design | Figma Tutorial
In this video, I'm going to show you how to create a responsive grid system for your web and UI/UX design projects in Figma fast.
4
views
Adobe Buys Figma – Is It the End of Figma?
Adobe acquired Figma for $20 billion, and many designers are worried about this big change. So, in this video, I'll share with you what I think is going to happen to Figma.
1
view
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma.
Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma.
3
views
Free Figma Crash Course for Beginners 2023 | UI/UX Design
Figma has been my main design software for the last 5 years, and I can't emphasize enough how powerful and handy it is for UI/UX designers. If you're interested in learning UI/UX design, then this is the course for you! In this course, you'll learn the basics of Figma and how to use it to create beautiful user interfaces and user experience designs. If you've been wanting to learn Figma but don't know where to start, this is the course for you!
8
views