Figma for beginners

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

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

1589142
44020
1431
00:24:23
08.12.2020

🌴 Our SUMMER SALE is ON. Get UP TO 70% OFF our Official DESIGN SPRINT MASTERCLASS 👉 🤍 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) 🤍

Figma For Beginners: Explore ideas (1/4)

448454
5025
104
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...

Intro to Figma - Beginners guide to Figma Basics

646183
11970
453
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 📸 🤍

Figma Masterclass for Beginners (2022 Updated)

152464
4951
107
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

495154
15394
344
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.

Figma Tutorial for UI Design - Course for Beginners

500747
14156
539
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: 🤍

Getting started with Figma: A beginner's guide

162161
5214
221
00:43:17
15.07.2020

Don't forget to use KEV25 at checkout for 25% off of Kyle's Freelancing Bundle: 🤍 Figma is a really amazing design and prototyping tool that has exploded in popularity. If you are thinking about making the switch to it, or if you're looking to figure out how to use it, this tutorial is for you! /// Timestamps 00:00 - Introduction 00:25 - What we are going to be building 02:06 - What is Figma? 03:03 - Starting a new project 03:33 - basic interface 04:12 - creating a frame (workspace/artboard) 05:45 - creating basic shapes 06:45 - color basics 08:16 - the text tool 12:30 - layer basics 14:07 - Zooming in and out and moving around the frame 16:57 - selecting, aligning, and locking items 20:22 - duplicating items 22:50 - stroke basics 23:47 - moving things perfectly straight 24:47 - more layer controls 26:59 - round corners 28:46 - grouping items, equal distribution, layer organization 31:45 - placing images 35:29 - the scale tool 37:15 - eye dropper and more on colors 38:04 - making the layout look better with everything we learned Come hang out with other dev's in my Discord Community 💬 🤍 - Keep up to date with everything I'm up to ✉ 🤍 - Help support my channel 👨‍🎓 Get a course: 🤍 👕 Buy a shirt: 🤍 💖 Support me on Patreon: 🤍 - My editor: VS Code - 🤍 - I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: 🤍 Twitter: 🤍 Codepen: 🤍 Github: 🤍 - And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Figma For Beginners: Create designs (2/4)

250314
2519
108
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 tutorial for Beginners: Complete Website from Start to Finish

116031
4137
153
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

Introduction To Figma | FREE COURSE

299019
6094
264
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: 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Learn Figma In Under 10 Minutes! (LEARN FIGMA FAST)

18519
775
73
00:11:57
10.03.2021

Learn Figma In Under 10 Minutes! In this video, I go over the essentials you need to get started in Figma to start designing UI and UX designs. Watch until the end to learn how to use Figma as a designer and a developer. Use this video if you want to learn how to use Figma quickly! 0:00 Intro 0:30 Tutorial 10:20 Bonus Tips! 🚀 Subscribe for more weekly design content 🤍 🎥 What I use in my videos! 🤍 📄 Bonsai Referral (try for free) 🤍 👨‍💻 Connect with me 🤍 🌎 Socials 🤍 🤍 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. There is no additional charge to you!

The Figma 2021 Crash Course by Example

602206
16966
478
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!

Figma Tutorial for Beginners: Learn Figma in 1 Hour - UI Design 2022

15233
501
41
01:06:00
25.12.2021

💬 Title Figma Tutorial for Beginners - Everything you need to know about Figma UI Design Tutorial = 📒 Description This is a deep dive for Figma, we start with the absolute basics and work our way to more complex topics like Design Tokens, Components, Auto Layouts, Prototypes and more. Let me know if you have any questions down in the comments below. Like & Subscribe Episode 12 = 🔗 Links to assets and files • Image Assets - 🤍 • Figma Finished Exercise File - 🤍 • Figma Finished Prototype - 🤍 🔗 Links mentioned in this video • Figma - 🤍 • Font Used - 🤍 • Illustrations - 🤍 = 🎥 Watch next • Learn to Code This Design in HTML - 🤍 • Learn to Style This Design in CSS - 🤍 • Introduction to Coding for Designers - 🤍 • Should Designers Learn to Code? - 🤍 = 🕰 Timestamps 0:00​ - Introduction 0:10 - Project overview 0:30 - Which App to Choose - Figma, Sketch, Framer, Adobe XD 1:17 - Why Figma 1:51 - What we’re designing 2:35 - Project Setup & Getting Started 4:24 - Figma User Interface 7:06 - Layers, Shapes & Frames 11:27 - Pages, Components (Basics) & Assets 15:52 - Tools Crash Course 23:17 - Main Project 24:00 - Grid System 25:12 - Grid & Design Tokens 27:19 - Background Colour 27:40 - Colour & Design Tokens 28:29 - Making the Logo 31:02 - Opacity 31:18 - Alignment Tool, Grouping and Ungrouping 32:40 - Measurement Tool 33:17 - Components & Assets 34:37 - Typography and the rest of our colours 41:33 - Auto Layouts Basics & Creating Our Form Input UI 50:46 - Auto Layouts & Creating our Button 56:46 - Finalising the form 58:32 - Drop Shadow 59:05 - Importing our Images 1:00:36 - Sign In Page and finalising designs 1:02:57 - Intro to Prototyping 1:04:57 - Next Steps 1:05:42 - Outro = 🔗 Connect • 🤍 = 👍 Like & Subscribe If you appreciate the hard work that went into this video, please show me some love by dropping a Like 👍 and sharing it with other people that you think can also benefit from this. If you have any questions, post a comment down below, and I’ll get back to you when I can. If you haven’t subscribed already, what are you waiting for? Subscribe and turn on the notification 🔔 so that you know when I upload new videos. = 🙃 About me My name is Ari. I’m a digital product designer and developer with over 12 years of experience based in Sydney, Australia. I currently work for a startup, freelance on the side and make these videos to give back to our tech community. If you have any suggestions on how to improve these videos, then let me know! = 📧 Contact me If you have any questions, comment on one of the videos or follow me and ask me on Instagram via DM. If you have a business-related question, email me at - ary🤍arysh.com = 🔢 Subscriber Count 610 = 📑 Hashtags #UIDesign #Figma #Tutorial

Figma 101: An introduction tutorial

192261
5343
253
00:18:35
13.03.2020

Want to switch to Figma from Sketch (or another design software)? Need a friend to walk you through it and show you around? I've got your back! In this 101 tutorial I'll show you the basics of Figma: How it works, how to use it, and some tips and tricks to get the most out of it while you're getting started. Figma is my design software of choice now and switching to it has been wonderful for my workflow! I hope it will be for yours too. Figma: 🤍 That post I mentioned about vector networks: 🤍 📹More videos from me about using Figma 📹 Testing Figma Smart Animate: 🤍 Building a marketing site design system in Figma: 🤍 Why I switched to Figma from Sketch: 🤍 Designing my blog in Figma: 🤍 Please remember to click subscribe if you'd like to see more of my videos! // WANT TO SUPPORT MY CHANNEL? Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button) Or, if you like, you can put something in my tip jar right here: 🤍 Sharing my videos or recommending my channel to a design friend is also very much appreciated! :) // ABOUT ME I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I posting videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream. 💬 Twitter: 🤍 📷 Instagram: 🤍 // MORE Join my free weekly marketing design newsletter: 🤍 Buy my hand written font, Grayscale: 🤍 Book a mentoring session with me: 🤍 My site & blog: 🤍 Design Life podcast: 🤍 Inside Marketing Design podcast: 🤍 // TECH & TOOLS 📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: 🤍 💻 Software I use: Webflow (no-code website builder)*: 🤍 Premiere Pro (video editing)*: 🤍 Adobe Audition (audio recording)*: 🤍 After Effects (intro animation)*: 🤍 Figma (web design): 🤍 Photoshop (thumbnails)*: 🤍 ConvertKit (marketing platform): 🤍 Riverside (podcast interview recording)*: 🤍 Music in this video from Epidemic Sound*: 🤍 Video captions by Rev (very cost effective service! I recommend)*: 🤍 Intro & end card animation by Austin Saylor: 🤍 Editing by Nancy Palm 🤍 & Belén Albiol 🤍 (or sometimes by me!) Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️

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

17097
713
51
00:09:06
26.05.2021

✉ 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

Figma For Beginners: Build prototypes (3/4)

132800
1224
31
00:07:46
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 building an interactive prototype in Figma. Learn more on our Help Center: 🤍 #Figma #FigmaTutorial #FigmaForBeginners Timestamps: 0:00 Prototyping 1:00 Create prototype connections 2:23 Animation 4:56 Feedback 5:58 View comments 6:11 Incorporate feedback 7:12 What We Learned 7:22 In the next video...

Figma for Beginners | Learn the Basics in 20 Minutes!

1756
44
4
00:23:21
23.06.2022

This is Figma - What You Need to Know to Get Started in Just 20 Minutes. Figma is a powerful design tool that connects everyone in the design process so teams can deliver better products, faster. In this video, I explain the very basics of Figma which are the interface, tools & features. #GetStarted #Figma #FigmaTutorialSeries ⏱️Timestamps: 0:00 - Intro 0:30 - How to Install Figma 1:36 - Figma Dashboard 2:50 - Teams File Structure 4:04 - Import File 4:28 - Figma New File Interface 6:36 - Menu & Tools 9:50 - Frames & Layers 11:25 - Pages 12:02 - Right Properties Panel Interface 16:08 - Edit, Mask & Boolean Operations 16:56 - Creating Components 19:46 - Prototyping & Smart Animate Basics 22:24 - Inspect Panel Other Resources: Figma Playlist: 🤍 Latest Figma Features: 🤍 Interactive Components: 🤍 🔴 Don't forget to Subscribe. Trust me it's absolutely FREE - 🤍 😅 You have got some ideas or topics in mind? Please do comment below we will make sure to check it out and do it if possible 🥳 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🌍 Social Media: ↪︎ LinkedIn - 🤍 ↪︎ Instagram - 🤍 ↪︎ Facebook - 🤍 ↪︎ Twitter - 🤍 ↪︎ Website - 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🏷 Tags: Tips for getting started with Figma, This is Figma - What You Need to Know, Intro To Figma for Beginners | Get Started In Just 20 Minutes, Intro to Figma - Learn the Basics in 20 Minutes, Intro to Figma for Beginners - Get Started in Just 20 Minutes, Figma Basics, Learn Figma Basics, Beginner Guide to Figma, Easy Guide to Get Started on Figma.

Figma in 40 Minutes

466049
15663
717
00:41:22
24.07.2020

Entertaining video showing you how to create a simple and clean design in Figma Dev Ed Channel: 🤍 Produced By Ed Channel: 🤍 💖 Become a Patron: Show support & get perks! 🤍 Website & Udemy Course Links: 🤍 Follow Traversy Media: 🤍 🤍 🤍

Figma Basics Tutorial for Beginners (Free Design Tool!)

74840
1453
124
00:18:40
10.03.2020

Learn the basics of the Figma design tool, regardless of what you're using it for. You'll explore the design interface, how to use layers, shapes, colors to create something amazing! Our iOS design course using Figma: In this course, our designer, JC, walks through the design to code process. He'll share how he goes from an idea or concept to a full fledged app design in Figma. Then I show how that design translates into code in an Xcode project! 🤍 🚨 SPECIAL CWC+ OFFER FOR YOUTUBE: 🤍 MY FREE ONLINE COURSE: ⚡ How to make an app in 14 days - 🤍 CWC+ PROGRAM: 👩‍💻 All our courses in a learning path - 🤍 WEEKLY UPDATES VIA EMAIL: ✉️ Every Saturday, receive an email digest of new content - 🤍 CONNECT: 🌍 Website - 🤍 😺 GitHub - 🤍 📸 Instagram - 🤍 🐦 Twitter - 🤍 ABOUT CODEWITHCHRIS: Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and my website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! 🤍 #Figma #FigmaTutorial #CodeWithChris

Introduction to Figma - 2021 Beginners Tutorial (Everything You Need to Know in 20 minutes)

70555
2012
84
00:20:56
20.12.2020

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: 🤍

Figma Course - Web Design Tutorial for Beginners

292178
9658
277
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: 🤍

Figma Mobile App Design Tutorial

688162
14343
1078
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" 🤍 -~-~~-~~~-~~-~-

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

1262578
38595
540
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: 🤍

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

165711
8232
277
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

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

33955
1120
41
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 Tutorial: Components - The Basics

724145
4873
96
00:05:35
20.03.2018

Figma is free to use. Sign up here: 🤍 In this video we'll cover the basics of Components and how they can be a powerful addition to your design workflow. 0:00 - What are components and instances 0:40 - How to create components 1:25 - How to create a component instance 2:00 - How to view components 2:20 - How to use components 2:52 - How to override an instance 3:36 - How to reset instances 3:51 - How to detach an instance 4:23 - How to restore a master component 4:36 - How to resize a component 5:05 - Outro If you have questions along the way head over to our user forum (🤍 and connect with other Figma users. #Figma #FigmaDesign #FigmaTutorial #Components

Figma Tutorial For Beginners: Learn The Basics in Less Than 25 Minutes! (2022)

1568
70
5
00:24:14
07.04.2022

This Figma Tutorial For Beginners is perfect if you want to learn Figma and design websites and apps but are not sure know where to start. In this step-by-step tutorial, in less than 20 minutes we will design a website and an app in Figma. You will learn all the basics to get started and have a design of your own to see on your device as quickly as possible. In this Figma tutorial for beginners, Award Winning UX UI Design Antony Conboy shows how to start a design in Figma with a template. We look at where to find free images, free icons and cover all the essentials of Figma for beginners. Did you follow along with the tutorial? Leave a link to your prototype in the comments below Figma Resoruces: Figma website - 🤍 Figma Template (Dashboard UI Kit): 🤍 Unsplash (Free images) - 🤍 Undraw (Free Illustrations) - 🤍 Undraw (Free Icons) - 🤍 Adobe Color: 🤍 ⏰ Video Timestamps 0:00 Intro 0:24 Figma 0:40 Tutorial Set Up 1:40 Logo 2:43 Color 4:03 Illustrations 6:55 Images 8:45 Category Page 10:17 Mobile Design 15:59 Figma Community 17:17 UX UI Design Process 23:44 Next steps Thank You! UX Design Bootcamp - Learn the in-demand skills to become a UX Designer without any previous knowledge antonyconboy.com UX Design Essentials (1 Hour Crash Course) (Skillshare) - 🤍 #Figma #FigmaTutorial #UXDesign #UIDesign

What's Figma?

689814
6246
179
00:01:35
15.10.2019

Figma is free to use. Sign up here: 🤍 Figma is where teams design together. Bring ideas to life in a design, wireframe, or prototype. Partner with teammates from content creation to design implementation. Get better feedback from your stakeholders. Figma gets everyone on the same page—literally. #Figma #FigmaDesign

Design A Website In Under 1 Hour With Figma

804424
20527
561
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 🤍

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

167151
5647
171
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!

Figma Design Exercises (Practice for beginners!)

25911
763
106
00:22:41
17.03.2020

These design exercises will ensure that you've learned the fundamentals of Figma design tool. Make sure you've watched the Figma Basics for Beginners video first! CodeWithChris Resource links: Get a customized roadmap for your app and start building it in 7 days: ⚡🤍 My Courses and Training: 📚 🤍 ALL my recording equipment and recommended books: 📚🤍 To continue learning how to make apps with us, be sure to subscribe to our channel: ⚡🤍 For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you'll find a community of like-minded learners! Learning something new is always more fun with other people! ⚡Website: 🤍 CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift, Xcode and app building from my course and materials! #Figma #FigmaTutorial #CodeWithChris

[BEGINNER] Lesson 20 : Figma Resources - Website (FIGMA UX/UI APP DESIGN COURSE)

4668
24
3
00:01:20
22.12.2018

* Requirements - No prior knowledge if Figma is required - Be able to understand basic CSS properties is desirable - Fast internet connection - Tech savvy - You should know your way around computer basics and technology * Description Welcome to my Complete Figma UI/UX App Design Course For Beginners - all hands-on, Figma Design course! Figma for UX/UI designers is a powerful collaborative interface design tool. You can design stunning apps, blogs, or websites using Figma in no time and without any code at all. Whether you are a beginner, web designer, app developer ,entrepreneur or a freelancer, this course will allow you to learn how to design apps, blogs, and web sites, and equip you with marketable skills. * The Power of Figma Another of the most useful offerings inside Figma is a viewer that helps a designer create responsive design using Figma but allows the designer to see what a design looks like at difference sizes. From a menu, you can chose between seven different popular phones (iPhone, Galaxy, iPad, etc.), three different tablets, a desktop view, or watch, and a Figma frame will pop up around the design in the corresponding size. Simply dragging the edges of the design document to fit the frame shows how it will look on a particular device. There’s also a function that will connect to a smartphone so you can see how it looks on mobile as you design. If you are a UI/UX designer, this is the perfect course for you. Due to its extreme versatility and power, Excel has become one of the most-used software programs in the business world. If you need to increase your skill set in designing apps, blogs or websites and and boost productivity, learn shortcuts, you're in the right place. This course walks you through hand-on Figma Design training from the very basics of opening Figma all the way to becoming comfortable working within Figma environment. You will gain solid understanding with this Figma UI/UX course - definitely help you get that promotion! We'll keep going until you learn all of the fundamentals of Figma Design. When you finish this course, you'll know more than most people who use Figma at their job every day. * Here's some of what you'll learn. - Figma UI/UX Design elements - Frame vs Slice tool - Vector shapes in Figma UI/UX - Figma online vs desktop version - The all important Figma constraints and components - Understanding Figma design principles including UI/UX design - Real world Figma projects - Creating a Blog/Website, and much more... - Keyboard shortcuts in Figma - Time saving techniques in Figma - Much more... The course comes with a certificate of completion, a full 30-day money back guarantee, and I'm always available to answer questions or share additional resources if you get stuck. * Who is the target audience? - Anyone who wants or needs to learn Figma for their work. - Web designers, software app developers, UI/UX designers - Anyone who wishes to improve their job or career prospects in an office environment. - Design for beginners who are brand new to Excel (also suitable for intermediate Excel users who want to improve). - Boost productivity - Figma for UI Desingers - Entrepreneurs and Freelancers I'll see you in class! Thank you, * Who this course is for: - This course is for complete beginners to App design - Existing developers who wish to increase their skill in App design fundamentals - Web Designers - Graphics Designers - UX Designers - Beginners looking to get into the UI/UX field - Entrepreneurs to expand their business by selling App designs - Freelancers looking to enhance their offerings to their clients

Figma Tutorial: Prototyping

686212
4852
95
00:03:58
27.02.2018

Figma is free to use. Sign up here: 🤍 In this video we'll learn the basics of prototyping your designs in Figma. If you have questions along the way head over to our user forum (🤍 and connect with other Figma users. 0:00 - How to use Figma prototypes 0:18 - How to start prototyping in Figma 1:18 - Removing connections in a prototype 1:30 - Change the starting frame of a prototype 1:52 - How to present a prototype 2:05 - Connecting multiple elements in the same frame 2:45 - Connecting back to the starting frame #Figma #FigmaDesign #FigmaTutorial #Prototyping #Transitions

Figma Tutorial for Beginners - Figma 101

12381
110
17
01:07:04
07.03.2019

In this Figma tutorial for beginners, you will learn the tools and UI design basics so you can start creating your first design in Figma. In the first lesson of a four-part series, we will do a basic intro to Figma to get everyone familiar with the interface within the application. We also share tips and our approach to designing as a team in Figma at Headway. This is the first Figma 101 presentation of a multi-part educational series - "Figma for Beginners." When as you go through the series you will learn how to create a design in Figma, build Figma components, create your first Figma prototype, and test your design with a user so you can get feedback and make it better before you launch. Part 2 - Creating Components in Figma • 🤍 Part 3 - Prototyping in Figma • 🤍 Part 4 - User Testing and Feedback with Figma • 🤍 Download Figma Here: 🤍 - Free Resources - Shipwright - UI Kit - A fully editable design system built in Figma 🤍 Icon Pack 🤍 Join Wisconsin UX: 🤍 Learn more about Headway and our approach to product design and development. 🤍 #figma #uidesign #ui

Figma Crash Course 2021

65347
2737
158
00:47:40
19.06.2021

This Figma Crash Course 2021 is beginner-friendly and will help you get up and running with the design platform. The Figma tutorial will cover all the aspects to get started with Figma with a real-world example website design we will build from scratch using UI and UX. - Figma Introduction (00:00) - Figma account setup (00:20) - Figma design file (00:45) - Figma design assets (01:18) - Figma starting basics (01:58) - Figma frame (03:32) - Figma grid columns and rows (05:13) - Figma shapes (06:47) - Figma import images (08:00) - Figma labeling and grouping (08:25) - Figma text (09:17) - Figma navigation bar (10:30) - Figma button design (12:38) - Figma header title & scaling (14:38) - Figma text additional settings (15:49) - Figma hero section & figma layers (16:21) - Figma groups and sections (18:25) - Figma fonts and figma colors (20:20) - Figma text line height and spacing (22:15) - Figma alignment and snapping (223:40) - Figma masking with shapes and images (23:57) - Figma copying groups and sections (25:00) - Figma updating sections (25:51) - Figma color picker & copying sections continued (26:21) - Figma color selecting and picking correct hue (28:23) - Figma testimonial section (30:38) - Figma autolayout (33:50) - Figma auto layout options (34:33) - Figma auto layout alignment (34:58) - Figma auto layout content (35:44) - Figma gallery images (36:24) - Figma resize images (37:05) - Figma footer (37:36) - Figma SVG color and overlay edits (38:17) - Figma auto layout menu footer (38:53) - Figma layers toolbar, hide and lock (40:53) - Figma prototype viewer (41:30) - Figma frames and pages (42:00) - Figma prototype interactions (43:55) - Figma prototype interaction navigation to page (44:26) - Figma share test and preview prototypes (44:26) - Figma export pages (45:43) - Figma export groups or sections (46:17) - Conclusion This intro to figma should help you learn especially as a beginners guide to figma basics. I know many people want to learn figma UI design tutorial to improve their users interface and user experience skills in making websites and applications. If you want to learn figma in 40 minutes or less this course covers everything by example. Introduction to figma 2021 is my first real jump into the basics as one of the best web design tool to use. If you want to follow along, you can get that assets to this project below Figma Crash Course 2021 for beginners: 🤍 Figma Design Assets: 🤍 #figma #course #2021 Learn Design for Developers! A book I've created to help you improve the look of your apps and websites. 📘 Enhance UI: 🤍 Feel free to follow me on: 🐦 Twitter: 🤍 💬 Discord: 🤍 💸 Patreon: 🤍 Software & Discounts: 🚾 Webflow: 🤍 🌿 Envato: 🤍 🌿 Envato Elements: 🤍 🔴 Elementor: 🤍 ✖ Editor X: 🤍 Computer Gear: ⬛ Monitor: 🤍 ⌨ Keyboard: 🤍 🐁 Mouse: 🤍 🎤 Mic: 🤍 📱 Tablet: 🤍 💡 Lighting: 🤍 💡 Key Lighting: 🤍 Camera Equipment: 📷 Camera: 🤍 📸 Primary Lens: 🤍 📸 Secondary Lens: 🤍 🎥 Secondary Camera: 🤍 🎙 Camera Mic: 🤍 🎞 USB to HDMI: 🤍

Food Ordering Mobile App Design in Figma (2020)

219038
5400
464
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" 🤍 -~-~~-~~~-~~-~-

Design animated slides on Figma | Beginner tutorial

49885
2439
163
00:14:51
17.08.2021

Create beautiful, animated slide deck ALL IN Figma! In this detailed beginner-friendly tutorial, you will learn the basics of Figma, and a couple of tricks you can use for your own projects. You don't have to use Google Slides, Powerpoint or Keynote anymore. Explore features on Figma like Smart Animate, free Figma plugins, prototyping, reusable components, scale design elements and more. It's easy! ❤️ Grab the design file for FREE: 🤍 👀 Watch Next... 15 tips to design faster in Figma: 🤍 Roasting your portfolios 🙈 🤍 How to create your first UX case study: 🤍 15 Tips to design your resume: 🤍 Redesigning Nespresso's Website in 1 hour: 🤍 8 ways to get started in UX design for free 🔥 🤍 🎉 My gear, tools, resources: 🤍 Instagram: 🤍 Twitter: 🤍 Newsletter: 🤍 Suggest new videos to me: 🤍 Webflow: 🤍 ✿ 💫 If you're new here Thank you for stopping by! I create videos on product design (UI/UX), productivity and fun stuff. 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! // Chapters 00:00 Intro 01:00 Part One 08:36 Took a lil’ break 09:07 Part Two 14:27 Before you go

UI Design Tutorial for beginners with Figma in Telugu | Mobile App Design in Figma | UI/UX in Telugu

2154
86
10
00:16:26
05.10.2021

Continuation of previous video. Creating wireframes by understanding the requirement 🤍 Follow me on Instagram 🤍 Behance 🤍 LinkedIn linkedin.com/in/kiranyeligeti Facebook 🤍 Important websites to visit during DESIGN Unsplash For Photo - 🤍 Pexels For Photo - 🤍 Freepik For Graphic Photo - 🤍 Flaticon For Icons - 🤍 Illustrations: 🤍 My other recent videos How to become UI/UX Designer with no experience (GENUINE STEPS) | UI/UX designing Telugu 🤍 Figma vs Adobe XD Telugu Tutorial | Which is best tool? | UI/UX Design Telugu 🤍 Figma Complete Tutorial in Telugu | With Live Example | UI/UX Design Telugu 🤍 How to do the Technical Task in UI/UX interview? | UI/UX Design Tutorial for Beginners 🤍 UI Design Tutorial for Beginners in Telugu | UI/UX Design in Telugu 🤍 Ecommerce Product Web Page Design in Photoshop | UI Design Tutorial | UI/UX Design Tutorial 🤍 IDEATION – WIREFRAMES – PROTOTYPE | How to Become UI/UX Designer | UI/UX Design Tutorial in Telugu 🤍 Creating Wireframes for E-commerce Mobile App Design - Part 1 | UI/UX Design Tutorial in Telugu 🤍 Ecommerce Mobile App design in Adobe XD (Wireframe + Mockup + Prototype) - Part 2 | UI/UX Design 🤍 UI/UX Mobile App Case Study & Portfolio - Complete UX Crash Course in Telugu | UX Design in Telugu 🤍 UX/UI Crash Course with Adobe Xd in Telugu | UX/UI Design Tutorial in Telugu 🤍 How to Become UI/UX designer in Telugu | UI/UX Design Career in Telugu | UX design in Telugu 🤍 Digital Experience Designer in Telugu | UX Designer in Telugu | UI Designer in Telugu 🤍 6 tips for designing an effective website in Telugu - 2021 | Adobe XD Tutorial in Telugu | UI Design 🤍 Website Design | Hero Header Template Design | UI/UX Design Tutorial in Telugu 🤍 Bootstrap Responsive design in Telugu | A Simple Bootstrap Tutorial - Part 2 | UI/UX design Telugu 🤍 Mobile UX - Mobile Design Onboarding Ideas | Mobile app Design in Telugu | UI/UX Design in Telugu 🤍 Factors of Effective Button Design in UI/UX | UI Design Tips | UI/UX Design in Telugu 🤍 UI/UX Design: How to Make Consistency in Design | UI/UX Design Tutorial in Telugu 🤍 6 Cool FREE Websites All Designers Should Visit | UI/UX Design 2020 🤍 Behance Portfolio 🤍 #FigmaTeluguTutorial #WireframesToUIdesign #MobileAppDesign #FigmaPlugins #UIUXdesignTutorial #HowToBecomeUXDesignerInTelugu #UIdesignTutorialBeginners

Figma Telugu Tutorial | UI/UX Design Telugu

1568
51
12
00:12:56
09.07.2021

Important websites to visit during DESIGN Unsplash For Photo - 🤍 Pexels For Photo - 🤍 Freepik For Graphic Photo - 🤍 Flaticon For Icons - 🤍 Illustrations: 🤍 My other recent videos How to do the Technical Task in UI/UX interview? | UI/UX Design Tutorial for Beginners 🤍 UI Design Tutorial for Beginners in Telugu | UI/UX Design in Telugu 🤍 Ecommerce Product Web Page Design in Photoshop | UI Design Tutorial | UI/UX Design Tutorial 🤍 IDEATION – WIREFRAMES – PROTOTYPE | How to Become UI/UX Designer | UI/UX Design Tutorial in Telugu 🤍 Creating Wireframes for E-commerce Mobile App Design - Part 1 | UI/UX Design Tutorial in Telugu 🤍 Ecommerce Mobile App design in Adobe XD (Wireframe + Mockup + Prototype) - Part 2 | UI/UX Design 🤍 UI/UX Mobile App Case Study & Portfolio - Complete UX Crash Course in Telugu | UX Design in Telugu 🤍 UX/UI Crash Course with Adobe Xd in Telugu | UX/UI Design Tutorial in Telugu 🤍 How to Become UI/UX designer in Telugu | UI/UX Design Career in Telugu | UX design in Telugu 🤍 Digital Experience Designer in Telugu | UX Designer in Telugu | UI Designer in Telugu 🤍 6 tips for designing an effective website in Telugu - 2021 | Adobe XD Tutorial in Telugu | UI Design 🤍 Website Design | Hero Header Template Design | UI/UX Design Tutorial in Telugu 🤍 Bootstrap Responsive design in Telugu | A Simple Bootstrap Tutorial - Part 2 | UI/UX design Telugu 🤍 Mobile UX - Mobile Design Onboarding Ideas | Mobile app Design in Telugu | UI/UX Design in Telugu 🤍 Factors of Effective Button Design in UI/UX | UI Design Tips | UI/UX Design in Telugu 🤍 UI/UX Design: How to Make Consistency in Design | UI/UX Design Tutorial in Telugu 🤍 6 Cool FREE Websites All Designers Should Visit | UI/UX Design 2020 🤍 Behance Portfolio 🤍 #FigmaTelugu #FigmaTutorialBeginners #UIUXTelugu #UIdesign #HowtobecomeUXDesignerInTelugu #UIUXTips

Figma Tutorial Malayalam - മലയാളം ട്യൂട്ടോറിയൽ | UI UX IN MALAYALAM

9783
232
55
00:18:55
26.06.2020

#uiuxdesigninmalayalam #uixmalayali Figma is a web-based (with a companion desktop app enabled by Electron) UI design and prototyping tool. In this tutorial, I create a website 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! uxmalayali🤍gmail.com | instagram/uixmalayali

Назад
Что ищут прямо сейчас на
figma for beginners alpine linux docker and nginx ドランザーMS Nils ragnarokx 24 часа с котами DGUN парень сделал девушке предложение грифер шоу рв 기아자동차 УЛЕЙ филомент ноове в ноовм году Papananaama adele vs danilis_ beginner solves rubik's cube Ливия pradeep chaubey hasya kavi sammelan *args hondurelos en usa