Figma ui design

Figma ui design смотреть последние обновления за сегодня на .

Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2022)

1998114
53306
1688
00:24:23
08.12.2020

🥳 Don’t miss out on our BLACK FRIDAY SALE! Get at least 70% off our famous Design Sprint Masterclass course here: 🤍 👈 Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn all the basics you need to know to start designing apps and websites in Figma. In this Figma tutorial for beginners, UX designer Amr guides you through Figma’s interface and tools following a very valuable principle to start mastering this tool. “If you want to learn the basics, you should copy other designs”. Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ⬇️ ✅ Check out our new FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉 🤍 Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ 🤍 😉 🛠Free resources mentioned in this video: 1️⃣ Figma website - 🤍 2️⃣ Figma resources (Food delivery app UI template) - 🤍 3️⃣ Free Figma icons - 🤍 4️⃣ Unsplash (Free images) - 🤍 ⏰ Video Timestamps 0:00 Intro 0:22 Advantages of using Figma 1:22 How to log in into figma.com 1:36 Why you should copy other designs Start of Tutorial 2:28 How to start a project from a TEMPLATE 5:10 Interface OVERVIEW 5:27 Create a FRAME 6:38 SHAPE and COLOR creation 8:28 CORNER RADIUS adjustment 10:12 Create a CIRCLE 12:25 How to use an ICON 14:28 How to paste IMAGES 15:32 How to use TEXT 18:39 BUTTON UI 21:39 Conclusion 22:32 Next steps Thanks for watching! #Figma #FigmaTutorial #UXDesign 📣 FREE FACILITATION TRAINING! 👉 🤍 We’ve JUST launched a new 1-hour facilitation training, where we’ll teach you: ✅How we landed facilitation gigs with the world’s best companies (Google, Twitter, LEGO & more!) ✅How to successfully build & facilitate ANY workshop, even when you’re not a subject-matter expert ✅How to become a high-paid facilitator in 90 days or less, using our special ‘5-1-6 method’. Interested? This training is available for a limited time only, so unlock it now and start watching! If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here: 📩 👇 📝 🤍 👀 Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work. AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world's most successful brands. Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021) 🤍

How to Design a SICK Dashboard UI in Figma

81645
2415
106
00:35:37
29.04.2022

🤍 👈 Learn UI/UX Today. Use "UI2022" for 22% Off! Today, I'm going to fulfill a long-awaited request from many of you, and that's how to design a dashboard from scratch in Figma. If you're interested in seeing how to really make it responsive and interactive, check out designcourse.com, as it will be available in the curriculum within a week of uploading this video! Project file: 🤍 (Download this, save to a folder, drag it on top of the main home dashboard within the Figma app to open it) 0:00 - Introduction 1:16 - Getting Started 2:58 - Light vs Dark Considerations 5:04 - Navigations 16:00 - Card Designs 31:37 - Chart Design 34:20 - Final Thoughts Let's get started! #dashboard #ui #figma - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Live UI Design from Scratch in Figma

18097
629
9
01:32:46
29.10.2022

- 🤍 👈 Learn UI/UX Today. Use "STREAM22" for 30% Off (only during stream!) - Today, I will be designing a layout for a project in the upcoming CSS course: 🤍 I am not doing live reviews today, this is just to watch me work and bs in the chat! Feel free to idle in the discord server. I'm there now! 🤍 - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Designing an e-Bike Landing Page UI Design in Figma - Speed Art Tutorial

60885
1612
64
00:07:11
28.05.2021

Hello creatives 👋🏼, Today we will learn to design an e-Bike Landing Page UI Design in Figma / Adobe XD. #WebDesign #UIDesign #eBike #uiuxdesign The main goal of these videos is to inspire you within a short time. This way you can use certain elements yourself and incorporate them into your own graphic designs. Follow us: Helpful design resources for everyone. We provide the resources, you get better insights, and create the best results. Less searching, more designing: 🤍 📸 Instagram ► 🤍 🐥 Twitter ► 🤍 🛒 Merchandise ► 🤍 Contact 🎯 Business Inquiries / Advertising ► hello🤍coenjanssen.eu 💬 Contact Customer Service ►support🤍coenjanssen.eu Contact information ► 🤍 Music Credits: HaTom - No More (Instrumental Mix) [Bass Rebels] Download / Stream - 🤍 KR & Gemmi - Miss You (Instrumental Mix) [Bass Rebels] Song - 🤍 ●Download / Stream - 🤍 That’s all from us. | © 2021 Coen Janssen | 🇳🇱

Free Figma UX Design UI Essentials Course

692270
20626
437
02:57:40
01.12.2021

Get your first month at BYOL for $1 or your join for 1 year for $60!: 🤍 Access All 29 of My Courses for $12 per Month: 🤍 Free Exercise Files: 🤍 Get the Free Cheatsheet: 🤍 Free Figma Course. Learn Figma for Free. Figma for UX Design. Figma for UI Design Intro to Figma Essentials: 0:00 Getting started with Figma: 3:10 What is Figma?: 5:55 Difference between UI & UX: 9:42 What we are making?: 15:05 Class project 01- Create your own brief: 24:23 What is Lo Fi vs Hi Fi: 28:24 Introducing frames: 30:58 The basics of type & fonts: 39:27 Rectangles Circles Buttons: 50:19 Middletro: 57:09 How to use color: 58:07 Strokes & color defaults: 1:03:53 Object editing: 1:13:21 Scale vs Selection Tool: 1:15:08 Frames vs Groups: 1:17:47 Class project 02- Wireframe: 1:27:11 Free icons: 1:30:12 Matching the stroke: 1:39:23 Plugins in Figma: 1:44:39 Class project 03 - Icons: 1:49:11 How to use Pages: 1:52:59 How to prototype: 2:01:31 Prototype animation: 2:11:15 Testing on your phone: 2:22:08 Class project 04 - Testing on your phone: 2:27:49 Smart Animation & delays: 2:31:40 Class project 05 - My first animation: 2:40:25 Sharing & Commenting: 2:42:26 Sharing with others : 2:49:36 Outro: 2:56:35 Buy the Full 11+ Hour Course on Udemy for $10: 🤍 Join the Bring Your Own Laptop Facebook Group: 🤍 Follow me on Instagram: 🤍 Follow me on TikTok: 🤍 Follow me on Twitter: 🤍 Join the LinkedIn Group: 🤍 Hi there - my name is Dan Scott & welcome to Figma UX UI Essentials Course. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer. This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step. • First we’ll describe the brief & how to work with a UX persona. • Then you’ll learn how to create simple wireframes. • From there we’ll look at how to implement colours & images properly in your designs. • You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps. • You’ll learn how to create your own icons, buttons & other UI components. • You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how. • We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically! • We’ll build a simple Style Guide ready for client handoff. • You’ll understand how to make both simple & advanced micro interactions, page transitions & animations • Before the end of this course you will have made fully interactive prototypes • You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer. We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects. I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio. Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

Figma Tutorial for UI Design - Course for Beginners

678582
17866
677
10:16:51
05.01.2022

In this Figma course, you will learn how to use Figma for UI Design. Figma is a vector graphics editor and prototyping tool. ✏️ Joseph Brendan developed this course. Check out his YouTube channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:55) Creating A Figma Account ⌨️ (0:02:32) Creating & Naming A Figma Design File ⌨️ (0:04:47) Creating Shapes In Figma ⌨️ (0:07:16) Selection In Figma ⌨️ (0:12:02) Editing Shapes In Figma ⌨️ (0:36:14) Introduction To Typography In Figma ⌨️ (1:01:41) Design Tree In Figma ⌨️ (1:06:43) First Design Task ⌨️ (1:20:44) Colors In Figma ⌨️ (1:44:22) Drawing Tools In Figma ⌨️ (1:49:20) Margin And Padding In UI UX Design ⌨️ (1:56:08) Figma AutoLayout ⌨️ (2:13:48) Formatting Principles In Figma ⌨️ (2:34:32) Figma Constraints And Resizing ⌨️ (2:51:11) Website Design in Figma ⌨️ (2:55:52) Jakob's Principle Of Design ⌨️ (3:00:25) Introduction to Styles and components ⌨️ (3:25:29) Figma Component Variants ⌨️ (3:36:18) Layout Design & Configuration For Websites in Figma ⌨️ (3:40:07) Layout Grids In Figma ⌨️ (4:01:22) Introduction To Responsive Design ⌨️ (4:07:32) Material Design Guide ⌨️ (6:26:24) Introduction To Tailwind UI ⌨️ (6:28:24) Tailwind UI Design Project ⌨️ (7:25:45) Responsive Landing Page Design Project ⌨️ (8:45:54) Designing Mobile Apps ⌨️ (8:56:47) Iconography In Figma ⌨️ (9:02:32) Boolean Groups ⌨️ (9:09:52) Figma Tokens ⌨️ (9:18:29) Animation In Figma With Figmotion ⌨️ (9:36:29) Mobile Design Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Weather App UI Design in Figma - Full course

238321
7761
127
00:37:49
28.04.2022

Learn how to design a dark mode weather app with widgets using the glassmorphism and neumorphism styles Resource - Weather App Figma File: 🤍 - iOS 15 UI kit: 🤍 - 3D icon Set by PIQO: 🤍 - 3D Christmas Set: 🤍 - SF Symbols: 🤍 - Apple UI Kit: 🤍 🪄 Join this channel to watch the entire course on YouTube ➡ 🤍 📺 Watch the complete UI Design Quick Apps in Figma course ➡ 🤍 🚀 Follow this course on Design+Code's website ➡ 🤍 Follow Me 🐦 Twitter: 🤍 📸 Instagram: 🤍 #figmadesign #uidesign

Design a simple UI from scratch for a Food App in Figma - For beginners

72822
2020
51
00:10:43
11.01.2022

Learn how to design simple screens for a food app in the Figma design tool 📂 Figma file ➡ 🤍 🔗 Links mentioned in the video: ➡ Apple Design Resources: 🤍 ➡ Discover design: 🤍 ➡ QOFOOD - 3D Food and Drink Icons: 🤍 ➡ Odamam 🍔 - 3D Illustration: 🤍 ➡ SALY - 3D Illustration Pack: 🤍 🖥 Visit our website for more design tutorials ➡ UI Design Quick Apps in Figma: 🤍 ➡ Figma handbook: https://🤍 ➡ UI design handbook: 🤍 ➡ iOS design handbook: 🤍 ➡ UX design handbook: 🤍 👋🏻 Let's connect! ➡ Twitter: 🤍 ➡ Instagram: 🤍 🎵 Music from Uppbeat (free for Creators!): ➡ 🤍 ➡ License code: TNFSVAFXIFYGZGY1 #figma #uidesign

Figma Masterclass for Beginners (2022 Updated)

278382
8281
210
00:31:57
14.03.2022

Want to learn Figma but don’t know where to start? This 2022 updated, step-by-step tutorial will give you everything you need to start using Figma in your Web and UI design projects....Remember to Subscribe 🤍 I have been using Figma for 4 years in my design work and just love the tool so much. In this video, I cover all the basics you would need to know you start using Figma today in your professional design work. By the time you're done watching the video, you should be able to download the program, install, start making amazing things, and wonder why you ever waited to make the switch. 0:00 Intro 0:30 Getting Figma 1:40 Projects 2:43 Community 4:00 UI Tour 4:51 Assets and Libraries 8:20 Frames 10:00 Making Buttons 11:40 Auto Layout 14:30 Components 17:00 Responsive Resizing 17:58 Layout Grids 20:00 Basic Commands & Styling 21:59 Exporting 22:56 Sharing & Collaborating 24:30 Prototyping 28:00 Interactive Components 🏆 //////////// Join my members community to get access to perks: You can get this starting and ending design file 🤍 👋 ////////// Join the Discord Server and meet other creatives 🤍 🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship 🤍 👋 ////////// Follow me on Social Instagram: 🤍 Twitter: 🤍 📫 ////////// Sign up for my Monthly Newsletter 🤍jesseshowalter.com/newsletter 🖥️ ////////// I build most of my websites using Webflow 🤍 💻 ////////// I host all my websites with Hostinger 🤍 🎵 ////////// Musicbed is the best place to get music for your films. Get your first month free when you purchase an annual subscription by using my coupon code JESSE at checkout. 🤍 📸 ////////// The Equipment I use 🤍

Figma tutorial for Beginners: Complete Website from Start to Finish

309112
9462
293
00:43:21
20.05.2022

Today, Ran shares a Figma Tutorial with you guys, where he'll build a very cool website. Build alongside Ran by downloading the starter file here 👉 🤍 See part 2 on how to build this site with Webflow: 🤍 📽️ CHAPTERS 00:00 - Introduction 01:00 - Figma interface overview 04:30 - Page & grid setup 09:30 - Designing the hero & navigation 21:20 - Creating the background effect 25:00 - Building the content section 30:50 - Masking & blend modes 36:30 - Using Gradients 39:00 - Building the footer 40:40 - Designing a form 42:00 - Next steps ⬇ If you would like to watch more Figma Tutorials, please let us know in the comments ⬇ Don't forget to subscribe to our channel for more Design Content. Click here 👉 🤍 🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 Ran's Instagram 👉 🤍 Thanks for watching our video! #Figma #WebDesign #FluxAcademy

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

1411266
42560
607
01:26:21
10.02.2021

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. This course was developed by Adrian Twarog. Check out his channel: 🤍 ⭐️ Sections ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:27) Wireframing ⌨️ (30:58) UI Layout ⌨️ (1:06:38) Mockup Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Live UI Design from Scratch in Figma

18842
617
10
01:39:11
11.11.2022

- 🤍 👈 Learn UI/UX Today. Use "STREAM22" for 30% Off (only during stream!) - Today, I will be designing a layout for a project in the upcoming CSS course: 🤍 I am not doing live reviews today, this is just to watch me work and bs in the chat! Feel free to idle in the discord server. I'm there now! 🤍 - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Mobile App Design in Figma. UI / UX Design

18150
341
13
00:21:01
29.03.2022

💎Learn UI/UX Design (25% off discount for the Pro Yearly subscription): 🤍 💎Icon Manager (A premium library of 32239 icons): 🤍 🔥Design from the video here: 🤍 🔥Useful resources for DIGITAL designers: 🤍 👋Hello everyone, in this video we will design a journey app. You can follow these steps after me and improve your UI/UX design skills. ❤️‍🔥SUBSCRIBE: 🤍 💸Donate to the channel: 🤍

Figma UI Design Course - Create a Bike Shopping App

63190
2356
102
00:32:38
13.09.2022

Create a unique app UI in dark mode with angled shapes, glass layers and neumorphic buttons in Figma Sponsored by Rive - 🤍 📂 Figma File ➡ 🤍 [00:00] Intro [01:48] First screen [14:27] Second screen [22:49] Third screen 🖥 Visit our website for more Design tutorials ➡ UI Design Android Quick Apps in Figma: 🤍 ➡ UI Design Smart Home App in Figma: 🤍 ➡ UI Design Quick Apps in Figma: 🤍 ➡ Figma handbook: https://🤍 ➡ UI design handbook: 🤍 ➡ iOS design handbook: 🤍 ➡ UX design handbook: 🤍 👋🏻 Let's connect! ➡ Twitter: 🤍 ➡ Instagram: 🤍 🎵 Music from Uppbeat (free for Creators!): 🤍 License code: LUPMF7X6MJVPOMR8 #figma #uidesign #figmadesign

Landing Page Design Tutorial | Web Design in Figma

175085
3954
86
00:19:32
06.09.2021

💎Learn UI/UX Design (25% off discount for the Pro Yearly subscription): 🤍 💎Icon Manager (A premium library of 32239 icons): 🤍 🔥Design from the video here: 🤍 🔥Useful resources for DIGITAL designers: 🤍 👋Hello everyone, in this video we will create a landing page for a web product. You can repeat the steps after me and improve your skills in UI/UX design. 3D Illustration Pack: 🤍 ❤️‍🔥SUBSCRIBE: 🤍 💸Donate to the channel: 🤍

Learn UI/UX Design & Figma - 2022 Interactive Crash Course

213777
6865
195
01:22:53
05.01.2022

🤍 👈 Learn UI/UX Today. Use "LAUNCH" for 15% Off! 🤍 The Interactive uEye Game Today, we're going to focus on creating a website UI solely within Figma and using most of its features. We're going to start out with an interactive portion of the video where you're challenged with my new uEye game, which helps you learn UI design fundamentals. If your goal is to learn UI/UX and Figma here in 2022, this video will be a great start to your journey! 0:00 - Project Preview 1:19 - Learn UI/UX Today 2:16 - Interactive uEye Challenge! 13:08 - Figma UI Overview 16:25 - Choosing a Background 20:27 - Adding a Layout Grid 21:57 - Designing a Quick Logo 26:29 - Creating your First Component 28:44 - Creating the Navigation 43:00 - Designing the Hero Section 47:15 - Adding a Layer Blur 49:00 - Adding Features 51:54 - Call to Action 55:51 - 3 Column Design 1:03:35 - Features Prototyping 1:09:19 - Call to Action Prototyping 1:14:15 - Adding a Lottie Animation 1:16:45 - Prototyping the Overlay 1:20:26 - Prototyping a Sub Page 1:21:51 - Final Thoughts Let's get started! #ui #ux #figma Want to learn more about UI/UX design in a fun and interactive setting?: 🤍 Learn UI/UX Today. Use "LAUNCH" for 15% Off! - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Web / Desktop App UI Design in Figma - Full Course

599117
19520
249
01:16:53
08.06.2022

Design a Web app design inspired by Discord and Slack in the Figma design tool. Sponsored by 🤍 - create beautiful animated assets for apps, sites and games. 🪄 Join this channel to watch the entire course on YouTube ➡ 🤍 📺 Watch the complete UI Design Quick Apps in Figma course ➡ 🤍 🚀 Follow this course on Design+Code's website ➡ 🤍 Resources 🎨 Figma File: 🤍 🎨 Apple UI Kit: 🤍 🎨 Unsplash Image: 🤍 🎨 Futuristic Stroke Patterns: 🤍 🎨 Diamond Icons: 🤍 🎨 Metaverse 3D Icon Set: 🤍 📱 SF Symbols: 🤍 📱 Dynamic Type: 🤍 🍔 Illustrations: 🤍 🤳 Phone Mockups: 🤍 Learn UI Design 🖌 UI Design quick apps in Figma: 🤍 🖌 UI Design for developers: 🤍 🌈 Design system in Figma: 🤍 🎨 Figma Handbook: 🤍 📱 iOS Design Handbook: 🤍 Learn SwiftUI 📱 Build an app for iOS 15: 🤍 📱 Build quick apps with SwiftUI: 🤍 🛠 SwiftUI Handbook: 🤍 Follow Me 🐦 Twitter: 🤍 📸 Instagram: 🤍 #figma #figmadesign #webdesign

Figma Mobile App Design Tutorial

809113
16560
1150
00:46:31
30.05.2020

In this Figma Mobile App Design Tutorial, you are going to learn how to design a Modern Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX. —————————————————————- If you’ll love 💕 to support me, purchase a thanks on the video. This will help me to create more contents on YouTube. Thanks 😊 —————————————————————- Let me know what you think about this video and should in case you have any challenges, let me know in the comment section. Here is the link to the project: 🤍 Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video. Subscribe to my channel my licking this link: 🤍 You can also reach me on : Website: 🤍 Facebook: 🤍 Twitter: 🤍 Instagram: 🤍 Youtube: 🤍 -~-~~-~~~-~~-~- Please watch: "Figma Web Design Tutorial with Animation" 🤍 -~-~~-~~~-~~-~-

Food App UI Design | Figma UI/UX Tutorial | Mobile Design

25101
669
23
00:09:36
06.10.2021

💎Learn UI/UX Design (25% off discount for the Pro Yearly subscription): 🤍 💎Icon Manager (A premium library of 32239 icons): 🤍 🔥Design from the video here: 🤍 🔥Useful resources for DIGITAL designers: 🤍 👋Hello everyone, in this video we will design a Food App Delivery. You can follow these steps after me and improve your UI/ UX design skills. ❤️‍🔥SUBSCRIBE: 🤍 💸Donate to the channel: 🤍

Figma Web Design and Smart Animation

325150
10159
716
00:35:04
23.09.2020

In this Figma Web Design Tutorial, you are going to learn how to design a Professional website/web UI in Figma. Also, you will learn how to create animations in this tutorial using Figma Smart Animate Tool. Figma is a free UI Design tool used creating Website/web UIs. —————————————————————- If you’ll love 💕 to support me, purchase a thanks on the video. This will help me to create more contents on YouTube. Thanks 😊 —————————————————————- Here is the link to the Figma project: 🤍 Get Images of the Project here: 🤍 Let me know what you think about this video and should in case you have any challenges, let me know in the comment section. Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video. Subscribe to my channel my clicking this link: 🤍 You can also reach me on : Website: 🤍 Facebook: 🤍 Twitter: 🤍 Instagram: 🤍 Youtube: 🤍

The CORRECT (and lazy) way to prototype | Figma Tutorial

147808
5582
176
00:05:00
03.05.2022

My Ultimate Figma Design Masterclass (3,000+ students. 90+ Videos. 10+ hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

Designing an App in 30min Using Figma (Challenge)

13190
601
46
00:34:45
19.10.2022

Get higher paying clients by designing better websites: 🤍 Take advantage of our FREE resources to enhance your skills: 🤍 Maddy Beard takes on the challenge of designing a concept app in 30 minutes! Watch as she establishes a wireframe, chooses a color palette + fonts, and prototypes the final result within a limited timeframe. Can she do it?! 😬 Check out Maddy’s channel: 🤍 📽️ CHAPTERS 00:00 - Introducing the Design Challenge 00:49 - Wire framing in Figma 07:05 - Choosing Colors & Fonts 12:30 - Designing the App 30:25 - Prototyping Interactions 33:19 - The Reveal! 🔥Become a successful web designer with our in-depth course: 🤍 👉 See all our top-rated courses: 🤍 📱 Follow us on instagram: Flux Academy's Instagram 👉 🤍 How do you think she did? Let us know in the comments 💬 #uidesign #productdesign #figma

UI Design a Smart Home app in Figma - Full Course

114018
3568
89
01:15:50
29.03.2022

Learn how to design a smart home app with a knob design and a clean style in Figma. 🪄 Join this channel to watch the entire course on YouTube ➡ 🤍 📺 Watch the complete UI Design Quick Apps in Figma course ➡ 🤍 🚀 Follow this course on Design+Code's website ➡ 🤍 Resources 🎨 Figma File: 🤍 🎨 Apple UI Kit: 🤍 🎨 Unsplash Image: 🤍 📱 SF Symbols: 🤍 📱 Dynamic Type: 🤍 📱iOS 15 UI Kit for Figma: 🤍 🍔 Illustrations: 🤍 🤳 Phone Mockups: 🤍 Learn UI Design 🖌 UI Design quick apps in Figma: 🤍 🖌 UI Design for developers: 🤍 🌈 Design system in Figma: 🤍 🎨 Figma Handbook: 🤍 📱 iOS Design Handbook: 🤍 Learn SwiftUI 📱 Build an app for iOS 15: 🤍 📱 Build quick apps with SwiftUI: 🤍 🛠 SwiftUI Handbook: 🤍 Follow Me 🐦 Twitter: 🤍 📸 Instagram: 🤍 Follow Me 🐦 Twitter: 🤍 📸 Instagram: 🤍

Figma UI UX Design Tutorial : Wireframe, Design, mockup

9609
262
21
00:21:50
04.02.2022

Hello Everyone, Learn the process of UI / UX design. In this tutorial, you will learn how a professional designer creates a weather app design from scratch following the process of user experience and user interface. through this app, users can check the weather from anywhere in the world. This video includes: 1. Wireframing 2. Mini Design system 3. Design 4. mockup ▪️ Wireframe Kit i use - 🤍 ▪️ Apps i use to design and prototype - 🤍Figma ▪️ Download Source File - 🤍 Twitter: 🤍 Dribbble: 🤍 Medium: 🤍 Behance: 🤍 Thanks for watching. Subscribe, like & Comment for the support of this channel. - - - - - - - - - - - - - - - - - - - - - - Music from: 🤍

UI Design a Wallet App in Figma - Full course

36032
1199
74
00:52:42
03.06.2022

Create a Wallet app UI design from scratch in Figma with glass icons, charts, cards and a tab bar 📂 Figma file ➡ 🤍 🖥 Visit our website for more Design tutorials ➡ UI Design Android Quick Apps in Figma: 🤍 ➡ UI Design Smart Home App in Figma: 🤍 ➡ UI Design Quick Apps in Figma: 🤍 ➡ Figma handbook: https://🤍 ➡ UI design handbook: 🤍 ➡ iOS design handbook: 🤍 ➡ UX design handbook: 🤍 👋🏻 Let's connect! ➡ Twitter: 🤍 ➡ Instagram: 🤍 🎵 Music from Uppbeat (free for Creators!) 🤍 License code: ZSSAKX1F0JLSAIKX #figma #uidesign #figmadesign

Create a UI into a 3D Perspective in Figma

267328
11268
103
00:07:17
22.12.2021

Learn how to add 3D Perspective to your UI in Figma ➡ Figma file: 🤍 🔗 Visit our website for more free tutorials ➡ Website: 🤍 👋🏻 Let's connect! ➡ Instagram: 🤍 ➡ Twitter: 🤍 Music from Uppbeat (free for Creators!): 🤍 #figma #uidesign #3Dperspective #tutorial

Dashboard Design in Figma - Modern UI Design

2438
53
3
00:21:30
15.06.2022

Patreon: 🤍 Designers always wonder how to design modern dashboards and how those amazing dashboard designs are made. Well, this is all about dashboard design in Figma. Keeping the modern UI design vibe with the dashboard is quite fun. We hope that this will help you. Thank you! Music: –––––––––––––––––––––––––––––– Rays of gold by ROFEU 🤍 Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: 🤍 Music promoted by Audio 🤍 ––––––––––––––––––––––––––––––

Food Ordering Mobile App Design in Figma (2020)

253028
6143
490
00:57:55
21.07.2020

In this Figma Mobile App Design Tutorial, you are going to learn how to design a Food Ordering Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX. How to Remove Background from Image in Figma: 🤍 IOS Mobile UI Kit: 🤍 Let me know what you think about this video and should in case you have any challenges, let me know in the comment section. Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video. Subscribe to my channel my liking this link: 🤍 You can also reach me on : Website: 🤍 Facebook: 🤍 Twitter: 🤍 Instagram: 🤍 Youtube: 🤍 -~-~~-~~~-~~-~- Please watch: "Figma Web Design Tutorial with Animation" 🤍 -~-~~-~~~-~~-~-

Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.

1306206
22658
541
00:36:35
30.04.2018

Figma is a web-based (with a companion desktop app enabled by Electron) UI design and prototyping tool. In this tutorial, I create a mobile layout while discovering many of its features. I have to say, this is perhaps the strongest contender against Adobe XD. What do you think? 🤍 - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

⭐Figma Tutorial: Nike Website UI Design // Figma UI Design Tutorial in Hindi

49790
1999
120
00:20:55
28.02.2022

Hey guys in this video we will create a Nike website UI design from scratch using Figma. We will also cover topics like how to UI design in Figma, website UI design Figma tutorial, learn UI design in Figma, Figma UI design tutorial and more! ▪️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗠𝘆 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 𝗖𝗵𝗮𝗻𝗻𝗲𝗹: 🤍 ▪️ My Instagram profiles: Dope Motions - 🤍 Nikhil Pawar - 🤍 Do you have more questions about Figma? Leave them in the comments below ▪️ Download Free Project - 🤍 ▪️ Download Font: 🤍 ⚡My Animation Packs: ▪️4500+ Graphics Pack - 🤍 ▪️555+ Titles Pack - 🤍 ▪️Unlimited Downloads - 🤍 ▪️Aejuice All in One Bundle - 🤍 ▪️Best Online Courses - 🤍 ▪️Superhero Effects Packs - 🤍 ▪️ Top 5 Best Selling Templates: Handy Seamless Transitions - 🤍 Photomotion X - 🤍 140 Flash FX Elements - 🤍 TypoKing | Title Animation - 🤍 Graphics Pack - 🤍 ▪️ Music we use: Uppbeat (FREE MUSIC for Creators): 🤍 Artlist(2 Months For Free!): 🤍 Epidemic Sound: 🤍 ▪️ Contact For business, inquiries email me here: nikhil🤍dopemotions.com Website: 🤍 Thank you

UI Design a Dark Neumorphism Tesla app in Figma from scratch

85617
2764
69
00:38:11
15.02.2022

Learn to design a Tesla app using dark neumorphism style in the Figma design tool 📂 Figma file ➡🤍 🎞 Video timestamps 0:00 - Intro 1:23 - Resources 3:09 - Neumorphism Button technique 9:19 - Nav bar with title and profil 3D button effect 16:21 - PNG Image with remove.bg trick 18:12 - Control Menu 26:19 - Table Row 29:54 - Custom Tab bar with the curve 37:47 - Preview for next section and Conclusion 🪄 Join this channel to watch the entire course on YouTube ➡ 🤍 📺 Watch the complete UI Design Quick Apps in Figma course ➡ 🤍 🚀 Follow this course on Design+Code's website ➡ 🤍 Resources 🎨 unsplash image (free images) : 🤍 🎨 remove.bg (remove background) : 🤍 📱 SF Symbols: 🤍 📱iOS 15 UI Kit for Figma: 🤍 🤳 Phone Mockups: 🤍 🍔 icons: 🤍 Learn UI Design 🖌 UI Design quick apps in Figma: 🤍 🖌 UI Design for developers: 🤍 🌈 Design system in Figma: 🤍 🎨 Figma Handbook: 🤍 📱 iOS Design Handbook: 🤍 Learn SwiftUI 📱 Build an app for iOS 15: 🤍 📱 Build quick apps with SwiftUI: 🤍 🛠 SwiftUI Handbook: 🤍 Follow Me 🐦 Twitter: 🤍 📸 Instagram: 🤍

Figma уроки с нуля для ui/ux дизайнера

34265
1072
45
00:31:55
21.09.2021

Бесплатные уроки по UI-дизайну с нуля: 🤍 ❤️ 2-х месячный курс UI/UX Designer Pro: 🤍 ❤️ 2-х месячный курс UI Designer: 🤍 В этом видео: Основы #Figma за 30 минут. Почему Figma лучший инструмент для UI/UX дизайнера. Frame в Figma, как создать макет. Инструменты рисования в Figma. Как рисовать векторные элементы в Figma Как задавать цвета и шрифты Как передать макет разработчикам Как общаться с командой в комментариях Figma Layers: Работа со слоями в Figma Effects: Создание эффектов на элементах в Figma 📲 Все курсы по дизайну: 🤍 📲 Instagram Игоря Джазова: 🤍 🔥 Последние популярные видео: Учимся веб-дизайну на примере с нуля: 🤍 UX дизайн для новичков: 🤍 Основы digital-маркетинга: 🤍 Как новичку стартовать в UI/UX Дизайн: 🤍 ✅ Подпишитесь на канал: 🤍 👉 Отзывы учеников: 🤍 #figmaуроки #figmaснуля

How to #design a button in #figma (Quick, Cool and simple!)

515
23
0
00:00:28
22.07.2022

Prototyping can either be your favourite or your most hated part of ui design. This is a super simple way to spice up your designs! 🌶 _ Tags #branding #ui #prototype #figma #figmatips #figmatutorial #figmadesign #prototype #prototyping #uidesign #interaction #interactiondesign #microintraction #micro #uiux #uiuxdesigner #uiuxdesign #userinterfacedesign #interface #userexperience #interfacedesign #learn #reelsinstagram #shortsfeed #shortsbeta #shortsvideos #howto #howtodesign #tutorial #tutorials #visual #sketch #adobexd #adobexdtutorial #shortsindia #shortsviral #shorts #new #cool #fun #cool #quick #quickdesign #spice #website #app #appdesign #appdesigner #mobiledesign #websitedesign #websites #webdesign #webdesigner #webdesigners #brandingagency #designagency #agency #firm #startup #startupindia #startups #entrepreneurship #entrepreneur #freelance #freelancer #freelancing

Create 03 Modern Design Ideas in Figma | Learn Figma in Hindi

46066
2087
85
00:18:58
18.04.2022

Hey everyone in this Figma tutorial we will create 3 epics, modern and fresh designs in Figma. we will also learn how to create stroke design in Figma, gradients in Figma, glassmorphism design in Figma, and this complete tutorial will be in Hindi. We will also cover topics like Figma tutorial, learn Figma in Hindi, Figma tutorial in Hindi, UI design in Figma, learn UI design in Hindi, UI design tutorial Figma, UI design Figma tutorial, creative Figma tutorial, UI design trends, UI design in Hindi, Figma, UX design, UI design, Figma tutorial app design, Figma tutorial for beginners and more! ✔️ NEW CHANNEL Dope Motions Hindi - 🤍 ✔️ Learn Design and Animation in Hindi - 🤍 ✅ Download Free Project - 🤍 ❤️ My Instagram profiles: Dope Motions - 🤍 Nikhil Pawar - 🤍 ⚡My Animation Packs: ▪️4500+ Graphics Pack - 🤍 ▪️555+ Titles Pack - 🤍 ▪️Unlimited Downloads - 🤍 ▪️Aejuice All in One Bundle - 🤍 ▪️Best Online Courses - 🤍 ▪️Superhero Effects Packs - 🤍 ⚡ Top 5 Best Selling Templates: Handy Seamless Transitions - 🤍 Photomotion X - 🤍 140 Flash FX Elements - 🤍 TypoKing | Title Animation - 🤍 Graphics Pack - 🤍 ▪️ Music we use: Uppbeat (FREE MUSIC for Creators): 🤍 Artlist(2 Months For Free!): 🤍 Epidemic Sound: 🤍 ▪️ Contact For business, inquiries email me here: nikhil🤍dopemotions.com Website: 🤍 Thank you

Food App Design | UX/UI ( Wireframe, Prototype, Export)

1016366
24055
1026
00:28:16
28.08.2020

Hi guys! Today we will learn to design a food app in Adobe XD. Steps: 1. High fidelity wireframe/Mockup 2. Prototyping 3. Export - The complete Java Android App development Bootcamp 2020 Learn Android development fundamentals and start creating your own Android applications. Get this course (90% off) 🤍 - Source files: Download App source file: 🤍 Download free stock photos & videos: 🤍 Download free icons: 🤍 Download free cropped stock photos (PNG): 🤍 - Follow us: Facebook: Page: 🤍 🤍 Group: Join our Facebook group for curated content, inspiration, design critique, and job postings: 🤍 Join our Webflow group. 🤍 Instagram: 🤍designsense99 Dribbble: 🤍 - Music: Song: INOSSI - Friends Music provided by Vlog No Copyright Music. Creative Commons - Attribution 3.0 Unported Video Link: 🤍 Song: Simon More - You (Vlog No Copyright Music) Music promoted by Vlog No Copyright Music. Video Link: 🤍

6 Advanced UI Design Tips (Deep-dive)

10148
719
60
00:23:56
24.11.2022

00:00 - Advanced UI Design Tips (Deep-dive) | Figma Design 00:25 - Consider all user roles 04:00 - [🖤] 30% OFF Black Friday Promo - Coupon: BLACK30 04:34 - Avoiding conflicting copy + messaging 07:48 - Visual reinforcement 09:56 - UI kits + design systems 14:59 - Figma design system slots 21:21 - How NOT to ask for UI design feedback = Zeplin provides a simple workspace for your entire team to collaborate and build your designs. Simply upload your designs from Figma, Sketch, or XD and they'll handle the rest. Zeplin saves you time preparing and explaining your designs, so you can get back to designing them. Get started for free 👉 🤍 = 🖤🖤🖤 30% OFF Black Friday Promo - Coupon: BLACK30 🖤🖤🖤 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

Create a Design System with Figma - Full Course

550219
19413
226
07:38:43
28.06.2021

Learn how to build a design system in Figma. By the end of this course you will become a master of building design systems in Figma and understanding master components. ✏️ Course developed by Tim Sullivan. Check out his channel: 🤍 🔗 Tim's website: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:03) Creating a Color System ⌨️ (0:22:23) Building a Type System in Figma ⌨️ (0:35:16) Elevation ⌨️ (0:57:33) Product & System Icons ⌨️ (1:11:26) Text Legibility ⌨️ (1:30:58) States ⌨️ (1:50:53) Selection (Interaction) ⌨️ (1:55:02) Understanding Layout ⌨️ (2:04:15) Pixel Density ⌨️ (2:12:05) Spacing Methods ⌨️ (2:24:19) Responsive Grid Layout ⌨️ (2:48:59) App Bar - Bottom ⌨️ (3:07:55) App Bar - Top ⌨️ (3:22:37) Backdrop ⌨️ (3:41:58) Banners ⌨️ (4:06:45) Bottom Navigation ⌨️ (4:19:15) Buttons - Floating Action Button ⌨️ (4:38:54) Buttons ⌨️ (5:06:04) Cards ⌨️ (5:41:10) Chips ⌨️ (5:58:15) Dialogs ⌨️ (6:28:56) Date Pickers ⌨️ (7:32:22) Dividers 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Figma Web Design UI Tutorial for Beginners: How to design an agency website with Figma

6067
192
40
01:06:55
21.05.2022

Learn how to properly design a Website UI and Visual Design including interactions, smart animate, components, variants, auto layouts, layout grid and such more to learn on this video. This video is for visual design beginners or people looking to improve their skill. Please like, share and leave a comment. Here is a link to the design file on the Figma Community: 🤍

Figma Tutorial For Beginner || Full Website Ui Design Bangla Tutorial [ Web Design ]

10883
349
47
00:46:22
14.11.2021

In our Figma Tutorial For Beginner video, we are going to step into the world of UI/UX design, Web Design, Website Ui Design, and cover Figma. Today we are going to show you how to use Figma to design a website with multiple pages, interactions, and animations. any web designer and front-end developer need to know Figma for their website Design. we will make a huge website using the most used tools in Figma and show you how to Design a website in Figma. This is going to be the best Figma tutorial in 2022. 🤍 🤍 🤍 Javascript Project playlist: 🤍 Data structure and algorithms full playlist: 🤍 Advanced Javascript full playlist: 🤍 Facebook group:🤍 Facebook page: 🤍 #CodeABC #FigmaTutorial #FigmaDesign

Назад
Что ищут прямо сейчас на
figma ui design 本免 аид universal audio plugin 2.3 総務 Silph osu карты как сделать свой онлайн курс Uzbek kinolari 가물 opendialog weblogic drag racing car 齋戒 univerzum scp гаррис мод Raava sambi scp rp garry's mod