Design in figma

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

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

1775955
48374
1553
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) 🤍

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

49563
1375
59
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 | 🇳🇱

How to Design a SICK Dashboard UI in Figma

65213
2008
96
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!

Build it in Figma: Create a Design System — Foundations

684840
9561
169
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

Weather App UI Design in Figma - Full course

191728
6373
108
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

Landing Page Design Tutorial | Web Design in Figma

128942
2991
71
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: 🤍

Figma tutorial for Beginners: Complete Website from Start to Finish

191833
6249
238
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

Figma Mobile App Design Tutorial

742445
15356
1122
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" 🤍 -~-~~-~~~-~~-~-

Figma For Beginners: Create designs (2/4)

273838
2694
113
00:21:25
01.12.2020

Figma is free to use. Sign up here: 🤍 Get a copy of the Petma design file: 🤍 In this series, we walk you through Figma fundamentals while building an app. This video will cover designing in Figma. Learn more on our Help Center: 🤍 #Figma #FigmaTutorial #FigmaForBeginners Timestamps: 0:00 Create Design 0:32 Pages and set up 1:24 Measuring and Layout Grids 2:33 Corner Radius and Place Image 3:40 Text properties and Styles 5:40 Plugins, color, and accessibility 7:23 Auto Layout 10:20 Create Components 11:37 Clip Content 12:20 Overrides 13:06 Vector networks and boolean operations 16:04 Boolean operations 16:38 Create a navigation bar 18:13 Floating Action Button (FAB) 19:18 Scrolling and Fix Position 20:53 Let's recap

Figma Masterclass for Beginners (2022 Updated)

206518
6382
158
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 🤍

Free Figma UX Design UI Essentials Course

580870
17781
390
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.

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

1335936
40544
574
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: 🤍

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

46800
1434
45
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

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

189531
6235
183
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

509597
16451
224
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

Create a Design System with Figma - Full Course

529334
18850
234
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 Tutorial for UI Design - Course for Beginners

587962
15982
577
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: 🤍

Figma Web Design and Smart Animation

297422
9388
686
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: 🤍

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

30830
1530
74
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

Creative Banner Design Figma Tutorial | Graphic Design in Figma

8898
253
13
00:10:38
03.11.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 creative banner. You can follow these steps after me and improve your graphic design skills. ❤️‍🔥SUBSCRIBE: 🤍 💸Donate to the channel: 🤍

Food Ordering Mobile App Design in Figma (2020)

235824
5754
479
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" 🤍 -~-~~-~~~-~~-~-

UI Design a Dark Mode NFT app in Figma from scratch

96441
3502
106
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: 🤍

Figma For Beginners: Explore ideas (1/4)

492775
5485
109
00:15:50
01.12.2020

Figma is free to use. Sign up here: 🤍 Get a copy of the Petma design file: 🤍 Get a copy of the wireframe kit: 🤍 In this series, we walk you through Figma fundamentals while building an app. This video will cover wireframing and exploring ideas. Learn more on our Help Center: 🤍 #Figma #FigmaTutorial #FigmaForBeginners Timestamps: 0:00 Figma for Beginners 0:41 Create an Account and Team 1:06 Free Education account 1:14 Teams and Invite members 1:35 Wireframe an app and our app idea, Petma 2:05 The Editor (where you design) 2:30 Frames 3:20 Pan and Zoom 3:56 Creating new Layers 4:30 Layer's panel hierarchy 4:57 Add an avatar 5:45 Stroke and Fill 6:28 Alignment and text 7:15 Placeholder Icons (rectangles) 7:45 Duplicating layers 8:11 Group Layer 9:13 Components and Libraries 10:03 Figma Community 11:38 Instances 12:00 Constraints 12:40 Additional Screens 13:28 Copy and paste between frames 13:48 Iterations and feedback 15:28 In the next video...

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

20542
810
52
00:09:06
26.05.2021

💸Buy me a coffee: 🤍 ✉ Newsletters: 🤍 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

15 tips to design 15X faster in Figma | Figma Tutorial 2022

25917
1562
104
00:08:10
07.07.2021

Here's how you can design faster with Figma. I share tips and tricks that I use daily in my design workflow, and condense my tips in this video to save your time. Hope you find this helpful! P/S: Thank you for 1K!!! Your support keeps me going :) 📺 Watch next: How to create your first UX case study: 🤍 How I became a UX/UI Designer in 3 months: 🤍 8 ways to get started in UX design for free: 🤍 Redesigning Nespresso's Website in 1 hour: 🤍 🎉 My gear, tools, resources: 🤍 Instagram: 🤍 Twitter: 🤍 Newsletter: 🤍 Suggest new videos to me: 🤍 Webflow: 🤍 ✿ Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator! 💫 If you're new here Thank you for stopping by! I really appreciate it. I'm still amazed that my content on product design (UI/UX design), lifestyle and productivity helps someone out there, even though I'm a small creator. Subscribe & like this video as it keeps me going! If you've got video suggestions, comment and let me know! // chapters 00:00 Intro 00:32 Tip #1 1:01 Tip #2 1:11 Tip #3 1:31 Tip #4 1:53 Tip #5 2:07 Tip #6 3:00 Tip #7 3:34 Tip #8 4:12 Tip #9 4:28 Tip #10 5:05 Tip #11 5:30 Tip #12 5:56 Tip #13 6:28 Tip #14 6:45 Tip #15 7:38 Final thoughts

Create a Figma Design System - Fundamentals (Part 1)

136888
7223
179
00:13:43
02.05.2021

My Ultimate Figma Design Masterclass (2,500+ 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: 🤍

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

84881
3572
122
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: 🤍

Intro to Figma - Beginners guide to Figma Basics

668915
12298
454
00:16:08
10.11.2018

Watch the new 2022 updated version here 🤍 LIKE FREE STUFF? //////////// If you're interested in my thoughts and experience on the topic download my free ebook called "Make Your Portfolio Count" 🤍 Remember to Subscribe 🤍 I have been using Figma for over a year in my design work and I realized I have never done a basic intro to Figma that covers all the topics a beginner would need to understand the Figma basics. So here it is Figma for Beginners... a sort of 101 class so to speak. 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. If you are still using something like Adobe Photoshop for digital design it's time for you to experience something better. In this video I cover: - Benefits to using Figma - all operating systems and browser - collaborative real time - commenting - prototyping - Brief tour of the UI - Pages vs Artboards - Working responsive - Adding Shapes - Details panel - Pen Tool - Boolean Operations and Masks - Commenting - Using symbols - Sharing - Prototyping - Exporting - physical - Code I know it sounds like a lot but stick with me and hopefully, you'll learn everything you need to know to starting making amazing designs in Figma. ////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more... 🤍 ////////// Connect with me here 👍🏼 Instagram: 🤍 Twitter: 🤍 Anchor: 🤍 Medium: 🤍 ////////// Sign up for my Monthly Newsletter 📫 🤍 ////////// Music is from Musicbed click below for a free trial 👇🏼 🤍 ////////// Equipment 📸 🤍

How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)

112801
3851
206
00:17:14
30.09.2021

Learn design, Figma, or review your portfolio with me: 🤍 My newsletter: 🤍 In this video, I'll go over my approach to building scalable components in Figma using Variants, Variant Groups, and Auto Layout. While there are many ways to build components, this is the way that I have found to be the most helpful for design systems and scaling a design team. This video touches on the basics from definitions of each feature, to more advanced methods of building out different types of variants in Figma. These are a great foundation for all product designers and UX designers to know! 🙏 SUPPORT ME ON PATREON Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! 🤍 🎧 MUSIC Lofi Beats to Create, Design, and Code to (Royalty Free): 🤍 Background music by Cordio (me!): 🤍 Looking for a record label? Try DistroKid: 🤍 Access millions of samples on Splice: 🤍 ☕ PROJECTS Buy my iOS 15 icon set at 🤍 Learn about Taste Notes, a coffee tracking app at 🤍 💻 SETUP Interested in my setup? Everything I use is here: 🤍 📹 RELATED VIDEOS How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): 🤍 How to Interview for Design IC and Leadership Roles in UX and Product Design: 🤍 How I Got Into Product Design and My Career: 🤍 👋 SOCIALS Twitter: 🤍 Instagram: 🤍 Dribbble: 🤍 Website: 🤍 Contact: hi🤍cortes.us

How to wire-frame & design a landing page in Figma

17695
713
33
00:09:15
18.01.2022

Learn how to wireframe & design a landing page for a travel company in Figma. #figma #dribbble #landingpage #webdesign #design #wireframe Image : Unsplash music : audio library Please Follow, Subscribe & Support our channel: You Tube : 🤍 Instagram : 🤍 Reddit : 🤍 Facebook : 🤍 Our Blog : 🤍 Buy me Coffee : 🤍

UI Design a Smart Home app in Figma - Full Course

102914
3265
83
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: 🤍

Make an Entire Layout Responsive in Figma - In 10 Minutes

120702
4395
103
00:10:55
26.10.2021

Want to learn UI/UX? 🤍​​​​​​​​​ Written tutorial: 🤍 Today, we're going to step into Figma and I'm going to show you how to structure your layouts properly using a combination of constraints and auto-layout. This will make your life as a designer much easier, as it makes creating mobile variations super fast. Starter project file: 🤍 (Copy the frame and paste it in a new Figma document to edit it) Visit the following link to download (free) the “JavaScript Illustration” graphic to use in this project: 🤍 0:00 - Introduction 1:04 - Navigation 2:31 - Heading & Subheading 3:45 - The Cards 5:15 - The Footer 5:50 - Tablet Design 7:40 - Mobile Design Let's get started! #figma #responsive #ui - - - - - - - - - - - - - - - - - - - - - - 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!

6 MUST HAVE Figma Design System Plugins!!

43762
1731
61
00:12:25
01.03.2022

Timestamps: 00:00 - Shipfaster UI Overview 00:55 - Simple Sort 02:22 - Select Layers 04:13 - Style Organiser 05:50 - Batch Styler 07:47 - Chroma Colors 09:00 - Master Plugin = My Ultimate Figma Design Masterclass (2,000+ students. 90+ Videos. 10+ hours.) 👉 🤍 Shipfaster UI - Advanced Figma Design System (1,500+ 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): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

Website design in figma - Fashion ecommerce

33383
1065
67
00:36:38
07.09.2021

Figma files can be downloaded here: 🤍 or in the following link, duplicate it first for editing: 🤍 Hi guys, this time I will show the process of designing a fashion landing page using figma. What do you think? Do you have a project you'd like to collaborate on? Email: saepulnahwan23🤍gmail.com Support Me 🤍 Need Social Media Template Creative Market : 🤍 Let's connect Instagram : 🤍 Dribbble : 🤍 Uplabs : 🤍 Image used : Freepik & Pexels Music: Song: Unknown Brain - Inspiration (feat. Aviella) [NCS Release] Music provided by NoCopyrightSounds Free Download/Stream: 🤍 Watch: 🤍 #landingpage #figma #figmatutorial #wesitedesign #uidesign #ui #uiux #figmadesign #design #ecommerce #fashion #tipsfigma

Design A Website In Under 1 Hour With Figma

834499
21203
572
00:47:46
09.03.2019

Check out my courses and become more creative! 🤍 Check out Web Dev Simplified Here: 🤍 Design A Website In Under 1 Hour With Figma Today I am super excited to bring you a full website design from scratch video using figma. We are going to learn how to use all the tools that figma gives us to create a website design in just under 1 hour. I will also teach you how to prototype in figma, design a logo and structure all the pages that we are going to be designing. These concepts don't only apply to web design, you can implement these techniques in apps, games and more. This video is intended to help beginners learn about web design (color theory, fonts, structuring, creating CTA's) to create nicer looking websites. ❤Become a patreon for exclusive videos and more! 🤍 Microphones I Use Audio-Technica AT2020 - 🤍 (Amazon) Deity V-Mic D3 Pro - 🤍 (Amazon) BEHRINGER Audio Interface - 🤍 (Amazon) Camera Gear Fujifilm X-T3 - 🤍 (Amazon) Fujinon XF18-55mmF2.8-4 - 🤍 (Amazon) PC Specs Kingston SQ500S37/480G 480GB - 🤍 (Amazon) Gigabyte GeForce RTX 2070 - 🤍 (Amazon) AMD Ryzen 7 2700X - 🤍 (Amazon) Corsair Vengeance LPX 16GB - 🤍 (Amazon) ASRock B450M PRO4 - 🤍 (Amazon) DeepCool ATX Mid Tower - 🤍 (Amazon) Dell Ultrasharp U2718Q 27-Inch 4K - 🤍 (Amazon) Dell Ultra Sharp LED-Lit Monitor 25 2k - 🤍 (Amazon) Logitech G305 - 🤍 (Amazon) Logitech MX Keys Advanced - 🤍 (Amazon) DISCLAIMERS: I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites. 📔 Materials used in this video: Images and Code: 🤍 🛴 Follow me on: Twitter: 🤍 Github: 🤍 🎵 Music: Outro: LAKEY INSPIRED - Me 2 (Feat. Julian Avila) Music By: 🤍 Intro: Dj Quads Track Name: "Every Morning" Music By: Dj Quads 🤍 🤍 Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 🤍

The Figma 2021 Crash Course by Example

618185
17338
479
01:12:05
04.01.2021

🤍 - Take my UI Bootcamp now! 🤍 👈 Learn UI/UX Today. Use "LAUNCH" for 15% Off! Today, we're going to step into the world of UI/UX design and cover Figma here in 2021. Figma is a UI/UX design and prototyping tool. In this crash course, I'm going to show you how to use Figma to design a website with multiple pages, interactions and animations. 🤍 🤍 🤍 🤍 0:00 - Introduction 2:58 - An awesome offer from Scrimba 3:36 - Getting Started 10:46 - Navbar 23:45 - Hero Section 42:03 - Finishing the Home Page 55:52 - "Our work" Page 1:02:46 - Prototyping 1:05:41 - Hover Interaction 1:07:48 - Smart Animate 1:11:15 - Closing Thoughts! Let's get started! - - - - - - - - - - - - - - - - - - - - - - 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!

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

68124
2173
56
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

How to organize your design file on Figma

129522
5880
133
00:09:58
11.02.2022

How I organize my design files on Figma. Download the file organization template here: 🤍 In my previous video I showed you how I handoff designs using Zeplin (🤍 and in today’s video, I share how to organize and prep designs for handoff using Figma. I’ve included a tutorial at the end on how I use device mockups for my presentations and case study thumbnails as well. There's plenty of free mockups out there, but I've found these to be more visually appealing: 🤍 ➭ Join my design workshops: 🤍 ➭ Looking for a new design job? Join my Talent Collective to get matched with companies: 🤍 ✌︎ Connect with me ➭ Instagram: 🤍 ➭ TikTok: 🤍 ➭ Twitter: 🤍 ➭ Website: 🤍 ✌︎ Links ➭ File Organization Template: 🤍 ➭ Device Mockups: 🤍 ✌︎ Design Bootcamps I recommend ➭ Springboard: 🤍 Get $1000 off your UX Design course with code CHUNBUNSSB1000 ➭ DesignLab: 🤍 ➭ Free visual UI course UXcel: 🤍 ✌︎ Tools and Desk Setup: 🤍 ✌︎ Timestamps 0:00 Purpose of organizing 0:38 Cover Slide 1:06 Final Designs 2:00 Project Summary 2:26 User Flows and Cards 2:40 Annotations 2:56 Design Drafts 3:30 UX Research and Prototypes 3:50 Sprints 4:08 Device Mockups 6:24 Exporting devices for slides 8:08 Creating case study thumbnails ✌︎ Business Inquiries ➭ hello🤍chunbuns.com #designfile #uxdesigner #fileorganization #productdesign #figmafile

Introduction To Figma | FREE COURSE

327037
6644
280
01:50:06
16.09.2020

Learn how to use Figma, a powerful tool for user interface design with instructor Adi Purdila. If you're into UX, UI design, or app design, this Figma tutorial is ideal for you. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: 🤍 What is Figma? It's a user interface design tool. While it’s similar in many ways to apps like Adobe XD and Sketch, the fact that it runs in the browser, coupled with some awesome collaboration features, makes it unique and thus far very well received both for interface design and as prototyping software. In this course, you’ll learn how to use Figma, from both a designer’s and a developer’s point of view. View on GitHub: 🤍 # 1 - Introduction 00:00:00 1 - Welcome to the Course 00:01:31 2 - What Is Figma? # 2 - Getting Started With Figma 00:06:16 3 - Working With Projects, Files, and Pages in Figma 00:11:44 4 - Using the Figma UI 00:20:47 5 - Working With Frames, Shapes, and Text in Figma 00:31:44 6 - Creating Vector Networks With the Pen Tool 00:40:16 7 - Working With Grids in Figma 00:46:21 8 - Using Figma Plugins # 3 - How to Use Figma as a Designer 00:51:00 9 - Let’s Design a Sign-Up Form in Figma 01:25:55 10 - Let’s Create a Prototype 01:30:02 11 - Sharing Work and Getting Feedback # 4 - How to Use Figma as a Developer 01:41:39 12 - Inspecting a Design File in Figma 01:46:48 13 - Exporting Assets Discuss this course on the Envato Elements Forums: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: 🤍 Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: 🤍 ► Subscribe to Envato Tuts+ on YouTube: 🤍 ► Follow Envato Tuts+ on Twitter: 🤍 ► Follow Envato Tuts+ on Facebook: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Figma Course - Web Design Tutorial for Beginners

313917
10070
281
03:14:27
01.09.2021

Learn how to use Figma to design websites. 💻 Figma link: 🤍 ✏️ Course developed by Joy Shaheb. Check out his channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:32) Figma Setup ⌨️ (0:08:05) Left Panel ⌨️ (0:14:34) Top + right Panel ⌨️ (0:40:57) Text Tool ⌨️ (0:59:10) prototype test ⌨️ (1:03:54) Auto Layout ⌨️ (1:17:06) Layout Grid ⌨️ (1:22:27) Constraints ⌨️ (1:29:07) Components ⌨️ (1:36:54) Desktop Design ⌨️ (2:32:54) Mobile Design 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

Назад
Что ищут прямо сейчас на
design in figma เกษตรผสมผสาน Corsalis सोने का काम कैसे होता है в самп Реновация Про pki shani ka kumbh rashi mein pravesh ГТА бета анализ видеоигра โอ้ปป้า leda nagle PlayOnlinux クズの本懐 дельфины атакуют людей Love and Live пранки над математичкой новости луцк moh Milano