Ui design figma

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

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

1432154
40277
1349
00:24:23
08.12.2020

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

40934
1395
78
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!

Figma Tutorial for UI Design - Course for Beginners

410185
12178
446
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: 🤍 And subscribe for new videos on technology every day: 🤍

Neon UI Design from scratch in Figma

62452
2460
60
00:49:25
18.02.2022

Learn how to create a lighting and glowing user interface from scratch using neon style. A step-by-step course for beginners. 📂 Figma file ➡ 🤍 🔗 Links mentioned in the video: ➡ VR image : 🤍 ➡ Open Sans font : 🤍 ➡ SF Symbols 3 : 🤍 ➡ iOS 15 UI Kit : 🤍 🖥 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: 🤍 #figma #uidesign

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

33097
933
47
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 | 🇳🇱

Figma Mobile App Design Tutorial

639155
13460
1054
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. 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" 🤍 -~-~~-~~~-~~-~-

Free Figma UX Design UI Essentials Course

422078
13238
302
02:57:40
01.12.2021

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 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.

Weather App UI Design in Figma - Full course

102408
3741
75
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

Interface Design PRO-TIPS inside Figma

16854
803
45
00:14:13
07.09.2020

Check out my interface design course → 🤍 FOLLOW ME Instagram → 🤍 Twitter → 🤍 Dribbble → 🤍 Facebook → 🤍 DESIGN RESOURCES Check color accessibility with the Contrast app → 🤍 Create user flows with Flowkit → 🤍 Learn icon design → 🤍 WHO AM I? Hey, I’m Matt D. Smith! I’m a designer running my own little independent studio from Athens, GA. I specialize in interface design for native mobile and web-based apps. I also make resources for other designers in the form of YouTube videos, apps, design libraries, and online courses. You can learn more about me here → 🤍 PRESS Interview at Adobe HQ → 🤍 AMA on Designer News → 🤍 Interview on Medium → 🤍 Interview on FWA → 🤍

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

145724
5027
156
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!

UI Design a Dark Mode NFT app in Figma from scratch

82210
3095
97
00:23:53
03.02.2022

Learn to design an NFT marketplace app by combining overlays with the Glassmorphism style. 📱 UI Design a Dark Mode NFT app part 2: 🤍 🪄 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: 🤍

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

1012884
32446
490
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: 🤍 And subscribe for new videos on technology every day: 🤍

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

24902
878
34
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

UI Design a Smart Home app in Figma - Full Course

88527
2859
81
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: 🤍

Landing Page Design Tutorial | Web Design in Figma

68042
1698
50
00:19:32
06.09.2021

💎Design from the video here: 🤍 🔥Build your Design Career, Interactively (25% off discount for the Pro Yearly subscription): 🤍 🔥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: 🤍

Web / Desktop App UI Design in Figma - Full Course

193362
6829
144
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

Build it in Figma: Create a Design System — Foundations

621846
8720
163
00:55:27
24.07.2020

Create your style guide, type scale, and brand color scheme and turn them into shared styles, grids, and typography to kick off designing a design system from scratch. Figma is free to use. Sign up here: 🤍 Figma File: 🤍 #Figma #DesignSystem #DesignSystems #UXDesign

Figma Masterclass for Beginners (2022 Updated)

112848
3864
79
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 🤍

App UI Design | Speed Process | Figma 🤩🤘

38669
1096
33
00:06:15
26.10.2020

Today I wanted to design a Anti-depressant Concept 🤕 user interfaces in Figma app. I hope you guys will like it. Thank you for watching 🔥✌🏻 Have a great day and don’t forget to Like, Share the video and Subscribe for NEW VIDEOS every Week! Follow Us - Instagram ( Me ) 🤍 Instagram ( Team ) 🤍 Dribbble ( Me ) 🤍

UI Design a Wallet App in Figma - Full course

15228
630
55
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

Food Ordering Mobile App Design in Figma (2020)

201212
5019
458
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" 🤍 -~-~~-~~~-~~-~-

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

17492
507
22
00:09:36
06.10.2021

💎Design from the video here: 🤍 🔥Build your Design Career, Interactively (25% off discount for the Pro Yearly subscription): 🤍 🔥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 UI UX Design Tutorial - Design A Fintech App From Scratch

25330
1106
94
03:40:11
12.01.2022

Join My UI UX Design/Low Code Development Bootcamp Starting on the 30th Of May. Duration : 3 Months ( Mon- Fri ) Sessions : LIVE Sessions All Through Reason to Join : You will have 4 LIVE Projects to add to your resume/CV Link to Join : 🤍 In This Figma UI UX Design Course I Demonstrated How To Use A Wholesome Method Which is A Mix Of The D School Design Thinking Framework And Self Process Management To Research And Come Up With Design Solutions Don't Forget To Like, Subscribe And Share Here Is The Course Outline : 00:00:00 - Introduction 00:04:42 - Outline Breakdown 00:06:50 - Workflow Breakdown In FigJam 00:22:39 - User Empathy ( Empathize ) 00:23:10 - Creating User Experience Survey With Google Forms 00:38:10 - Creating User Personas 00:42:57 - Creating Problem Statement 00:44:20 - Ideate 00:47:38 - Prototype Analysis 00:48:05 - User Goals & User Tasks 00:50:00 - Information Architecture 00:55:27 - Low Fidelity Prototyping 01:19:48 - High Fidelity Prototyping 01:20:00 - Creating Style Library 01:37:10 - Creating Component Library 03:32:00 - Prototype Presentation & Assignments Connect With me On Social media : Twitter : joe_brendan_ Instagram : joseph_brendan_ LinkedIn : Joseph Brendan

Creating a MODERN, Trendy UI Design in Figma! - Part 1 of 2

16023
636
25
00:19:06
25.05.2021

🤍 - Take my UI Design Bootcamp Now! Want to learn UI/UX? 🤍​ Today marks part 1 of 2 videos, where I show you how to first (in this video) use Figma to design a modern/trendy/artsy layout, and then SECOND (this Thursday), how to make it a reality in the browser through frontend development! Let's get started! #modern #art #uiux - - - - - - - - - - - - - - - - - - - - - - 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!

Daily UI Design Challenge | Day - 01 | Sign Up Page

536094
16358
504
00:11:24
29.06.2021

Hi guys! Today we will design signup page in FIGMA. Let's start. - 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: 🤍 - LS Graphics 🤍 Collect UI: 🤍 - Icon Source: 🤍 Music: Song: Sapajou - Lion Music provided by Vlog No Copyright Music. Creative Commons - Attribution 3.0 Unported Video Link: 🤍 Song: Lichu - Fresh Island Music provided by Vlog No Copyright Music. Creative Commons - Attribution 3.0 Unported Video Link: 🤍 - Song: Lichu - Rain Island Music provided by Vlog No Copyright Music. Creative Commons - Attribution 3.0 Unported Video Link: 🤍

Flat UI Design in Figma: Social Media App - full course

58007
1916
51
00:42:42
15.04.2022

Learn how to design a Social Media app in Figma from scratch using light, colourful and flat styles. Tips for beginners on how to find inspiration and how to create a design effortlessly. 📂 Figma file ➡ 🤍 🔗 Links mentioned in the video: ➡ Unsplash: 🤍 ➡ Poppins Font: 🤍 ➡ Icons by Mhr: 🤍 ➡ Icons by Halal Lab : 🤍 ➡ IOS 15 UI KIT by Joey Banks : 🤍 🖥 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: WWNBPPQMSW6ZBT0R #figma #uidesign

Figma Web Design and Smart Animation

240220
7665
623
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. 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: 🤍

UI Design Livestream: Glassmorphism, Onboarding UI in Figma

38633
1588
69
00:54:03
26.02.2021

Let's explore glassmorphism by using the blurred background, outlines and design a user interface in Figma. Resources 🎨 Figma design tool: 🤍 🌸 Grabient: 🤍 🌼 Coolors: 🤍 📱 SF Symbols: 🤍 📱 Dynamic Type: 🤍 🍔 Illustrations: 🤍 🤳 Phone Mockups: 🤍 Learn UI Design 🖌 UI Design for developers: 🤍 🌈 Design system in Figma: 🤍 🎨 Figma Handbook: 🤍 📱 iOS Design Handbook: 🤍 Learn SwiftUI 📱 Build an app for iOS 13: 🤍 📱 Build an app for iOS 14: 🤍 🛠 SwiftUI Handbook: 🤍 DesignCode 💬 Discord: 🤍 🐦 Twitter: 🤍 📸 Instagram: 🤍

UI Web Design Tutorial | Personal Portfolio | Figma Design

5229
264
19
00:10:51
21.03.2022

Hey Designers 🔥 Here I am with another YouTube video UI Web Landing Page Design Tutorial. This Web is a Personal Portfolio website. We are creating an exciting design, hope you guys love it. In this Figma UI Design Tutorial, you will learn how to design a web landing page in Figma. Figma is a free UI Design tool used to create UI Design. Learn design tricks and tips with us. Don't forget to subscribe to my channel. #webui #webuidesign #webapp #webui/ux #weblandingpage #figma #howtodesignweblanding #personal portfolio #webdesigninfigma #desktopwebdesign #sajon #sajonislam You can also find me on : Instagram: 🤍 Dribbble: 🤍 Linkedin: 🤍 Facebook: 🤍 Behance: 🤍 Twitter: 🤍 UI KIT for Designers: 🤍 Designers 🔥 Here I am with another YouTube video UI Web landing page Design tutorial. This Web is a Personal Portfolio . We are creating interesting design hope you guys love it. In this Figma UI Design Tutorial, you will learn how to design a web landing page in Figma. Figma is a free UI Design tool used to create UI Design. Learn design tricks and tips with us. Don't forget to subscribe to my channel. #webui #webuidesign #webapp #webui/ux #weblandingpage #figma #howtodesignweblanding #personal portfolio #webdesigninfigma #desktopwebdesign #sajon #sajonislam You can also find me on : Instagram: 🤍 Dribbble: 🤍 Linkedin: 🤍 Facebook: 🤍 Behance: 🤍 Twitter: 🤍 UI KIT for Designers: 🤍

UI Design Flight Booking in Figma - UI Speed Design | Week - 10

2995
111
15
00:30:35
07.02.2022

Today's Design Idea: Hello guys, this is week-10 from UI Speed Design weekly challenge series. This time we made a UI Design Template for Flight Booking Mobile App Design. This booking flight app will help users search for upcoming flights and book flights easily. Enjoy this channel? Leave a comment, subscribe, and give a 💜💜 We upload a new video between Monday & Thursday. 🕛 Timestamp: ––––––– 0:00 - Intro 0:05 - Preview 0:22 - Home Flight Booking App Design 9:44 - Choose Seat App Design 13:34 - Search Result App Design 20:46 - Select Seat 25:19 - Boarding Pass App Design 💜 Love what we do, Buy Me a Coffee : ––––––– 🤍 🔥 Our Freebies & Premium Collection : ––––––– 🤍 🔴 Link Download : ––––––– 🤍 💜 Social Media : ––––––– 🤍 ⚠️: Important ––––––– *Like & Share if you enjoy the video! *Subscribe to stay up to date with upcoming video tutorials, design inspiration, UI Design, UI/UX Design, Adobe Illustrator, Adobe XD & Design Graphic. *Note: Please report to (itsmeuxiudesign🤍gmail.com) If you have any issue with this content, and I will remove the content ASAP. DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue to provide you with good content each week! –––– #UIDesign #UIUXDesign #UITrends2021 #UIDesignLearning #AppDesign

Figma UI Design Tutorial: Get Started in Just 20 Minutes (2022) - Hindi

123480
6480
247
00:21:32
29.12.2021

Hey guys in this video I will give you a complete overview of the Figma Interface and help you get started with UI designing in Figma in just 20 minutes! Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ▪️ Figma website - 🤍 ▪️ Nike Website UI Design in Figma - 🤍 ▪️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗠𝘆 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 𝗖𝗵𝗮𝗻𝗻𝗲𝗹: 🤍 ▪️ My Instagram profiles: Dope Motions - 🤍 Nikhil Pawar - 🤍 Intro to Figma (0:00) Why Figma (01:00) Login figma.com (04:11) Interface Overview (05:09) Layers Section (06:24) Figma Tools (07:02) Property Panel (13:40) Export (19:57) Outro (20:50) ▪️ Contact: For Business, inquiries email me here: nikhil🤍dopemotions.com Website: 🤍 Thank You #Figma #FigmaTutorial #UIDesign

Figma UI Design Tutorial: Website UI Design in Figma | Figma Tutorial for Beginners in Hindi

42294
2292
165
00:21:17
03.01.2022

Hey everyone in this Figma tutorial we will create a Nike website UI design in Figma using some very easy methods and we will also learn how to get started with Figma. this tutorial is best for beginners and people who want to learn Figma and become a Ui designer. Do you have more questions about Figma? Leave them in the comments below ▪️ Learn Figma in 20 Min: 🤍 ▪️ Download Shoe PNG: 🤍 ▪️ Download Free Project File: 🤍 note: just drag and drop the project file in Figma ▪️ Download Free Font: 🤍 ▪️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗠𝘆 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 𝗖𝗵𝗮𝗻𝗻𝗲𝗹: 🤍 ▪️ My Instagram profiles: Dope Motions - 🤍 Nikhil Pawar - 🤍 ▪️ Contact: For Business, inquiries email me here: nikhil🤍dopemotions.com Website: 🤍 Thank You #Figma #FigmaTutorial #UIDesign

Create a UI into a 3D Perspective in Figma

204649
9161
86
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

Effectively Use Column & Row Grids in UI Design (Figma)

17406
704
54
00:14:34
23.11.2021

🤍 - Become a frontend developer (50% off limited time!) Want to learn UI/UX? 🤍​​​​​​​​​ Today, I'm going to show you an approach for creating layouts with consistent spacing/white space. I will specifically show you how to use row based grids in Figma to ensure equal white space between various elements and sections in your UI designs. 0:00 - Introduction 0:57 - An Awesome Offer 1:34 - Setting up a Column Grid 2:20 - Setting up a Row Grid 4:19 - Navbar Layout 5:25 - Headline & Subheadline 8:58 - Testimonials Section 11:20 - Another Section 13:53 - Final Thoughts Let's get started! #uiux #grids #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!

Figma Beginner Tutorial | Step-By-Step Web UI Design

14106
652
48
00:09:06
26.05.2021

Join my LIVE Figma workshop (July 7th): 🤍 Hello, friends. Today we will learn how to create a simple hero section in Figma. This is a beginner's tutorial, so if you are just starting out with UI design and Figma, this video is perfect for you. Specifically, the theme of the design is a restaurant web page. 🔥Thanks for watching! Don't forget to like and subscribe to watch NEW design videos every week! ✅Subscribe to my channel here: 🤍 🔥Watch my other Figma Speedart Tutorials: Adopt Puppy Web UI: 🤍 Coffee Shop Web UI: 🤍 👋Let's connect: My Skillshare class (30-days for free): 🤍 Instagram: 🤍 Email me for questions or collaboration requests: info🤍startjump.nl

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

831501
20308
903
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: 🤍

Mobile App Design UI UX : Proses Design App Informasi Corona Virus dengan Figma

72464
1883
315
00:53:22
22.03.2020

KODE KUPON DISKON 10% : KUKUHALDY (gunakan saat checkout) NiagaHoster : 🤍 Bonus tambahan berupa file Adobe XD & Figma Preview file : 🤍 Caranya, setelah pembayaran dengan kupon KUKUHALDY , kirim invoice ke email : kukuhaldyanto🤍gmail.com DESKRIPSI VIDEO Dengan situasi Indonesia dan dunia yang dilanda Virus Corona / Covid-19 ini, saya punya ide untuk membuat app untuk pusat informasi dan bantuan terkait Virus Corona. Siapa tahu ada pihak yg berniat untuk merealisasikannya sehingga bisa memudahkan masyarakat untuk menemukan informasi di satu tempat. Tutorial kali ini agak lama, jadi siapkan tempat duduk yg nyaman dan cemilan. Kalo ada yg mencobanya, jangan lupa mention / tag saya di IG ya. Selamat mencoba! IG : 🤍 TONTON VIDEO LAINNYA - Tutorial Animasi Page Scrolling di Figma Prototype : 🤍 - Tutorial Animasi Text Field : 🤍 - Tutorial Neumorphism UI Design di Figma : 🤍 - Tutorial dasar Figma : 🤍 - Trend UI UX Design tahun 2020 : 🤍 JOIN TELEGRAM GROUP - Group diskusi desain GRATIS, Sinau Design : 🤍 ABOUT ME Instagram : 🤍 Website : 🤍 Duosweb adalah tim web development yang saya bangun bersama teman saya pada tahun 2018. Silahkan hubungi saya di email ini jika anda membutuhkan web/app desain dan development: kukuhaldyanto🤍gmail.com Duosweb officital site: 🤍 Duosweb Instagram : 🤍 #viruscorona #coronavirus #figmatutorial

How to Design a Dashboard UI in Figma (Tutorial)

11301
236
7
00:40:42
05.12.2021

📞 Book a Call with me: 🤍 ✍️ Need a Design Project? Message me: 🤍 My Design Portfolio: 💻 Web Apps: 🤍 🖥 Websites: 🤍 📱 Mobile Apps: 🤍 About Me: I am a Sr. Designer with over 10 years of experience. Having worked with over 40 clients from all around the world, from startups to large enterprises I understand what it takes to create design experiences at scale.

Let's Design a Dashboard UI in Figma (Tutorial)

4448
131
13
00:47:54
15.11.2021

📞 Book a Call with me: 🤍 ✍️ Need a Design Project? Message me: 🤍 My Design Portfolio: 💻 Web Apps: 🤍 🖥 Websites: 🤍 📱 Mobile Apps: 🤍 About Me: I am a Sr. Designer with over 10 years of experience. Having worked with over 40 clients from all around the world, from startups to large enterprises I understand what it takes to create design experiences at scale.

How to NOT Suck at UI Design - April 2021

23256
1785
117
00:12:30
29.04.2021

My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 🤍 Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉🤍 Sign up to my newsletter for exclusive content: 🤍 Follow me on IG (Daily updates): 🤍 = 🔗 Links Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍 Level up with all my design courses and resources: 🤍

Назад
Что ищут прямо сейчас на
ui design figma bags مشروع باب اناسي evrial uaioriginal J1 Halo Mod Замена масла 2nz good guy esfand world cup finals binaural sounds grimoir vuejs laravel 도보여행 Эркек my summer car баня Colombia rew молодежка все серии певец Николай Басков