Graphic Design Figma

Figma’s free graphic design tool makes it easy to incorporate design into the process of building digital products. A better pen tool. Draw custom shapes using the pen tool and leverage a detailed grid system. Vector networks give a. Figma and zeplin are also working together to introduce a new live updating feature of figma components to zeplin. Knowing how to navigate google fonts is great knowledge to have as a designer. —valeria vodiashina, freelance graphic designer and photographer. What perks does figma have over other design tools and what jam do you particularly like?

Draw custom shapes using the pen tool and leverage a detailed grid system. Vector networks give a. Figma and zeplin are also working together to introduce a new live updating feature of figma components to zeplin. Knowing how to navigate google fonts is great knowledge to have as a designer. —valeria vodiashina, freelance graphic designer and photographer. What perks does figma have over other design tools and what jam do you particularly like? Figma's main advantage for me is. 2 million+ figma graphic templates & more with unlimited downloads. Download thousands of figma graphic templates, ui kits, and web templates with an envato elements membership. It starts at $16 per month, and gives you unlimited access to a growing library of over 2,000,000 figma templates, design assets, graphics, themes, photos, and more.

A better pen tool. Draw custom shapes using the pen tool and leverage a detailed grid system. Vector networks give a. Figma and zeplin are also working together to introduce a new live updating feature of figma components to zeplin. Knowing how to navigate google fonts is great knowledge to have as a designer. —valeria vodiashina, freelance graphic designer and photographer. What perks does figma have over other design tools and what jam do you particularly like? Figma's main advantage for me is. 2 million+ figma graphic templates & more with unlimited downloads.

Popular Post

Image Gallery For Graphic Design Figma

Figma | Only Graphic Design


Figma | Only Graphic Design

The Best Graphic Design Software of 2020


The Best Graphic Design Software of 2020

Figma Neumorphic tips by Brandi on Dribbble


Figma Neumorphic tips by Brandi on Dribbble

Figma คือโปรแกรมอะไร - เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting


Figma คือโปรแกรมอะไร - เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting

Free Neomorphism 2.0 Guide for Figma | Neomorphism app, Neomorphism


Free Neomorphism 2.0 Guide for Figma | Neomorphism app, Neomorphism

Figma - Free Online UI Design Tool For Windows 10 PC Free Download | TOPUWP


Figma - Free Online UI Design Tool For Windows 10 PC Free Download | TOPUWP

Figma Animation by MDS | Graphic design portfolio inspiration, Logo


Figma Animation by MDS | Graphic design portfolio inspiration, Logo

Figma Logo Animation by Utkarsh Pandey on Dribbble


Figma Logo Animation by Utkarsh Pandey on Dribbble

Figma icon - Big Sur style on Behance


Figma icon - Big Sur style on Behance

We start using new tool for design — Figma – Prototypr


We start using new tool for design — Figma – Prototypr

📱 Know what Figma is and give life to your digital product - GraphicHOW


📱 Know what Figma is and give life to your digital product - GraphicHOW

Using Figma for SVG Design


Using Figma for SVG Design

Learn Figma – Graphic Design Course for Beginners 2021 - Udemy Courses


Learn Figma – Graphic Design Course for Beginners 2021 - Udemy Courses

Design, figma, graphic, square, tool icon


Design, figma, graphic, square, tool icon

Figma 3D by Vectary 3D plugin by Milan Gladiš for VECTARY on Dribbble


Figma 3D by Vectary 3D plugin by Milan Gladiš for VECTARY on Dribbble

20+ Best Figma Tutorials for Beginners | Design Shack


20+ Best Figma Tutorials for Beginners | Design Shack

Pin on Figma UI Templates


Pin on Figma UI Templates

Figma in 3D | Vectary tutorial by Milan Gladiš on Dribbble


Figma in 3D | Vectary tutorial by Milan Gladiš on Dribbble

Game App UI Kit Figma · Pinspiry


Game App UI Kit Figma · Pinspiry

Figma | Hands on Review | Graphic Design, Web Design, Product Design


Figma | Hands on Review | Graphic Design, Web Design, Product Design

Video Gallery For Graphic Design Figma

Creative Banner Design Figma Tutorial | Graphic Design in Figma



💎Design from the video here:
ko-fi.com/s/4cf5db5adc

🔥Build your Design Career, Interactively (25% off discount for the Pro Yearly subscription):
uxcel.com/?ref=designr

🔥Useful resources for DIGITAL designers:
t.me/designrclub

👋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:
youtube.com/c/DESIGNR?sub_confirmation=1

💸Donate to the channel:
ko-fi.com/designr

Illustrate in Figma! | Designing a Plant Illustration using Figma



Crema Product Designer Pamela walks through how to illustrate with Figma in our latest tutorial! Using Vera as an example, she explains her step-by-step process for illustrating out a Snake Plant that will be showcased in the app. Learn more about Vera and how it was built at Crema: crema.us/venture-lab/vera

Crema is a digital product agency that uses design, technology, and culture to help individuals and companies thrive. Put simply: we design and build custom software solutions.
Our product teams are composed of designers, test engineers, developers, product managers and strategists that use an agile framework to create products quickly and at the highest quality.

Our channel is updated regularly with educational content, happenings around our team, and opinions on the latest tools & trends. Subscribe to stay in the loop, or contact [email protected] for new business inquiries!

Find Crema on the web at crema.us or on:
Instagram — instagram.com/cremalab
Facebook — facebook.com/CremaLab
Twitter — twitter.com/cremalab
crema.us

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



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! 👉 go.ajsmart.com/start

Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ youtube.com/AJ&Smart?sub_confirmation=1 😉

🛠Free resources mentioned in this video:
1️⃣ Figma website - figma.com/
2️⃣ Figma resources (Food delivery app UI template) - figma.com/community/file/852455074698003039
3️⃣ Free Figma icons - figma.com/resources/assets/evericons-for-figma/
4️⃣ Unsplash (Free images) - unsplash.com/

⏰ 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! 👉 go.ajsmart.com/start

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: 📩 👇
📝 aj-smart.ck.page/21100f1c73 👀

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)
youtu.be/FTFaQWZBqQ8

Simple Instagram Post Design #2 - Social Media Design - Figma Tutorial



In this tutorial video, I am going to share you get to learn how to make Instagram post design for fashion show event themes using Figma App. Figma is an online graphic design tool.

Click here on the referral link :
remove.bg/r/4oinhE5PesicS5ft5gEHgTY8

Check it out :
Simple instagram post design #1
youtu.be/bSOwlaNwK_I

Simple instagram post design #3
youtu.be/CqOXxj-ewA4

Simple instagram post carousel design
youtu.be/FwdZ6v21vCQ

Simple instagram post portrait design
youtu.be/FuD7XHFmgjA

Instagram carousel design
youtu.be/Mf2SeRCvuLw

Other tutorials :

Figma tutorial
youtube.com/playlist?list=PLpf864Tr0uEIX8beB8B0WM5YAcnTFFRMd

Illustrator tutorial
youtube.com/playlist?list=PLpf864Tr0uEIelqG05rc7v59aJP2RYHFe

Photopea tutorial
youtube.com/playlist?list=PLpf864Tr0uEJ59pjkqyRdFRcTHIk7f5UP

Coding tutorial
youtube.com/playlist?list=PLpf864Tr0uELXWrCZ9sIXKyIvMXtI9VkI

Spark tutorial
youtube.com/playlist?list=PLpf864Tr0uEJRb0badnCfh2GsnjynvTR4

Hope you will like it. Don't forget to subscribe to my channel to watch more video tutorials. Thank you for watching.

#figma #instagram #post #socialmedia #feed #figmatutorial

Simple Instagram Post Portrait Design - Social Media Design - Figma Tutorial



In this tutorial video, I am going to share you get to learn how to make Instagram post designs using Figma App. Figma is the collaborative online graphic design tool.

Check it out :
Simple instagram post design #1
youtu.be/bSOwlaNwK_I

Simple instagram post design #2
youtu.be/op0bAsb8xqE

Simple instagram post design #3
youtu.be/CqOXxj-ewA4

Simple instagram post carousel design
youtu.be/FwdZ6v21vCQ

Instagram carousel design
youtu.be/Mf2SeRCvuLw

Other tutorials :

Figma tutorial
youtube.com/playlist?list=PLpf864Tr0uEIX8beB8B0WM5YAcnTFFRMd

Illustrator tutorial
youtube.com/playlist?list=PLpf864Tr0uEIelqG05rc7v59aJP2RYHFe

Photopea tutorial
youtube.com/playlist?list=PLpf864Tr0uEJ59pjkqyRdFRcTHIk7f5UP

Coding tutorial
youtube.com/playlist?list=PLpf864Tr0uELXWrCZ9sIXKyIvMXtI9VkI

Spark tutorial
youtube.com/playlist?list=PLpf864Tr0uEJRb0badnCfh2GsnjynvTR4

Hope you will like it. Don't forget to subscribe to my channel to watch more video tutorials. Thank you for watching.

#figma #instagram #post #socialmedia #portrait #feed #figmatutorial

How to create a 3D illustration in figma



Hi
Today we will learn how to create a 3D illustration in Figma
#figma #3d #ui #trend

---------------------------------------------------------------------------------------------
My color palette in this video:
#F4D387
#FA7A98
#89C2C1
#658E8C
#EFCDCF
#AFE2FF
#EC94A2
#C9918B
#CEE0D2

---------------------------------------------------------------------------------------------
Icons Source:
flaticon.com/

---------------------------------------------------------------------------------------------
Track: Rainforest — Vendredi [Audio Library Release]
Music provided by Audio Library Plus
Watch: youtu.be/8s2gIOsxMok
Free Download / Stream: alplus.io/rainforest
--------------------------------------------------------------------
Mood by Peyruis soundcloud.com/peyruis
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: bit.ly/al-mood
Music promoted by Audio Library youtu.be/dsdYAMcNcwI
--------------------------------------------------------------------
Rebirth by Peyruis soundcloud.com/peyruis
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: bit.ly/al-rebirth
Music promoted by Audio Library youtu.be/3zL1CW6nr00
--------------------------------------------------------------------
Talk To Me by Peyruis soundcloud.com/peyruis
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: bit.ly/-talk-to-me
Music promoted by Audio Library youtu.be/VgCOV3gY2DE

Intro to Figma - Beginners guide to Figma Basics



Watch the new 2022 updated version here youtu.be/II-6dDzc-80

LIKE FREE STUFF? ////////////
If you're interested in my thoughts and experience on the topic download my free ebook called "Make Your Portfolio Count" eepurl.com/djC53b

Remember to Subscribe goo.gl/6vCw64

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...
learn.jesseshowalter.com/membership

////////// Connect with me here 👍🏼
Instagram: instagram.com/iamjesseshow
Twitter: twitter.com/iamjesseshow
Anchor: anchor.fm/iamjesseshow
Medium: medium.com/@iamjesseshow

////////// Sign up for my Monthly Newsletter 📫
jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial 👇🏼
share.mscbd.fm/iamjesseshow

////////// Equipment 📸
amazon.com/shop/jesseshowaltertv

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



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: coenjanssen.eu

📸 Instagram
► instagram.com/coenjanssen.eu/

🐥 Twitter
► twitter.com/coenjanssen_eu

🛒 Merchandise
► coenjanssen.eu/shop

Contact

🎯 Business Inquiries / Advertising
[email protected]

💬 Contact Customer Service
[email protected]

Contact information
► coenjanssen.eu/contact-us

--------------------------------------------------------------------------------------------
Music Credits:

HaTom - No More (Instrumental Mix) [Bass Rebels]
Download / Stream - bassrebels.co.uk/NoMore

KR & Gemmi - Miss You (Instrumental Mix) [Bass Rebels]
Song - youtu.be/q4L9jmOGQDs ●Download / Stream - bassrebels.co.uk/MissYou

--------------------------------------------------------------------------------------------

That’s all from us. | © 2021 Coen Janssen | 🇳🇱

Illustrations in Figma: Design Workflow in Figma Tutorial



🎓 Learn UI/UX Design: giglio-designs.com/freebies

📱 Follow me on Instagram: instagram.com/giglio_designs/ ✍️ Need a Design Project? Text me: pierluigigiglio.com/contact-me

📞 Book a Call: calendly.com/gigliopierluigi/discovery-call

My Design Portfolio:

💻 Web Apps: pierluigigiglio.com/web-apps

🖥 Websites: pierluigigiglio.com/web-design

📱 Mobile Apps: pierluigigiglio.com/mobile

About Me:

I am a Sr. Designer with over 10 years of experience. Having worked with over 40 clients from all around the world, from startups to large enterprises I understand what it takes to create design experiences at scale.

Learn New Every Day | Lets Make Something Cool | Figma | Graphic Design



Learn New Every Day | let us Make Something Cool | Figma | Graphic Design

Hey Guys,

Today we are going to make
Learning something is the best thing to succeed in our life. I don't mean that Learn Programming today and Graphic Designer Tomorrow. You are learning Graphic Design then Learn new in Graphic Design Not a new career every day.

Do You Want this? No Problem goto my Instagram
instagram.com/ui.nom4n and DM for link. Yay! We got it. But there is a problem You are here to learn. Not to get it without understanding How I made it. However, if you want this for checking out the technique. Message me.

Tools I Used:
Figma (Free) Graphic Design Tool
Similar Tools = Adobe XD, Sketch, Framer e.t.c
Unsplash (Free) Free Sock Photos
Similar Tools = Pixabay, Stocksnap,

It makes us break out of our usual behavior patterns It gives our minds something other than our daily worries to worry about. gain confidence. If we succeed in learning something we feel stronger, we feel more positive about ourselves and our ability to address all kinds of new tasks. Knowledge is power.

These Thumbnails are also made in Figma.

Next Tutorials Hints:
I just love making User Interface Design, and maybe Mobile App and Web App Designs.

UI Designs & Design Resources
Instagram.com/ui.nom4n

Previous Channel For Adobe Illustrator
youtube.com/nomanmanzoor

This tutorial will help you to make Poster Designs, Banner Design, Editing

Figma | Hands on Review | Graphic Design, Web Design, Product Design Software



Today is a hands on review of Figma. Figma is a collaborative design software for web designer, product designers, and graphic designers. It's a modern design tool that has all the bells and whistles but really focuses on working collaboratively with other designers without overwriting or messing with each others work. It features version control, real-time collaboration, reusable design libraries, and of course solid design tools to get the job done.

Remember to Subscribe goo.gl/6vCw64 🤘

I hadn't ever really used Figma but have been very interested in getting my hands on it and seeing what it can do. In this review, I cover the basics of Figma, the interface, an overview of the tools and some of it's most enticing features.

You can start using it today by visiting their website and creating an account. The browser-based cross-platform nature of it is pretty awesome I have to say.

figma.com/

------------------------------------------------------------------------------------

////////// 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...
learn.jesseshowalter.com/membership

////////// Connect with me here 👍🏼
Instagram: instagram.com/iamjesseshow
Twitter: twitter.com/iamjesseshow
Anchor: anchor.fm/iamjesseshow
Medium: medium.com/@iamjesseshow

////////// Sign up for my Monthly Newsletter 📫
jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial 👇🏼
share.mscbd.fm/iamjesseshow

////////// Equipment 📸
amazon.com/shop/jesseshowaltertv

Figma For Beginners: Create designs (2/4)



Figma is free to use. Sign up here: bit.ly/3nDt3IN
Get a copy of the Petma design file: bit.ly/3qkUR6X

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: bit.ly/3pH2DI5

#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

School Banner Design Figma Tutorial | Graphic Design in Figma



💎Design from the video here:
ko-fi.com/s/eef57e5919

🔥Build your Design Career, Interactively (25% off discount for the Pro Yearly subscription):
uxcel.com/?ref=designr

🔥Useful resources for DIGITAL designers:
t.me/designrclub

👋Hello everyone, in this video we will design a web banner.
You can follow these steps after me and improve your graphic design skills.

❤️‍🔥SUBSCRIBE:
youtube.com/c/DESIGNR?sub_confirmation=1

💸Donate to the channel:
ko-fi.com/designr

Designing An AD Banner in Figma (Figma UI Tutorial)



In this video i will be designing a figma UI AD Banner for furniture please dont forget to subscribe to my Channel

Figma Tutorial for UI Design - Course for Beginners



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: youtube.com/channel/UCETwb_AzizmhID0RjKULnBA

⭐️ 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: freecodecamp.org

Read hundreds of articles on programming: freecodecamp.org/news

Free Figma UX Design UI Essentials Course



Access All 29 of My Courses for $12 per Month: BYOL.com/FIGFC
Free Exercise Files: BYOL.com/FIGEX

Get the Free Cheatsheet: bit.ly/31cUAeB
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: bit.ly/3oTxeE8

Join the Bring Your Own Laptop Facebook Group: facebook.com/groups/bringyourownlaptop
Follow me on Instagram: instagram.com/bringyourownlaptop
Follow me on Twitter: twitter.com/danlovesadobe
Join the LinkedIn Group: linkedin.com/groups/10539178/

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.

Basic Animation #1 | Motion Graphic Design | Figma Tutorial



In this tutorial video, I am going to share you get to learn basic animation in Figma Design.

Check it out :

Basic animation using Figmotion #2
youtu.be/kG81zJbBoU8

Other tutorials :

Figma tutorial
youtube.com/playlist?list=PLpf864Tr0uEIX8beB8B0WM5YAcnTFFRMd

Illustrator tutorial
youtube.com/playlist?list=PLpf864Tr0uEIelqG05rc7v59aJP2RYHFe

Photopea tutorial
youtube.com/playlist?list=PLpf864Tr0uEJ59pjkqyRdFRcTHIk7f5UP

Coding tutorial
youtube.com/playlist?list=PLpf864Tr0uELXWrCZ9sIXKyIvMXtI9VkI

Spark tutorial
youtube.com/playlist?list=PLpf864Tr0uEJRb0badnCfh2GsnjynvTR4

Hope you will like it. Don't forget to subscribe to my channel to watch more tutorial videos. Thank you for watching.

#basicanimation #prototyping #figmadesign #figmatutorial

Create Isometric Design easily in seconds: Figma tutorial



Hi friends. Many of you think that we can only create isometric art in Photoshop or else in illustrator. But we can create isometric designs and isometric art more easily in Figma. Figma is a free vector design softwae mainly for UIUX design and prototype but you can also use it to create vector art.

In this tutorial I'll show you how to create isometric designs more easily and quickly with simple steps and free plugin called esometric for Figma.

how to use gradients properly for look development and also mainly I'll teach you how to reuse objects and create more objects and then how to assemble them to create the complete concept. I hope you'll enjoy this tutorial so watch this tutorial untill the end.

If you want to learn more of drawing, sketching, illustrations, animations and concept art then don't forget to subscribe.
youtube.com/channel/UCDjyEn1tTPzRYhuBR9nA7Kw?sub_confirmation=1

Check out other excellent isometric tutorials
Isometric tutorial tips &techniques : youtu.be/GKU-GkZGh0M
Learn Skills For QUALITY ISOMETRIC DESIGN : youtu.be/U0_rYbVWRcI

How to create Flat Isometric Concept design (Adobe illustrator advanced tutorial) from art tutor
youtu.be/9JAVVmNAZ0g

isometric design tutorial: Flat Isometric concept illustrations(Adobe illustrator tutorial)Art tutor
youtu.be/Mxc49rzICFo

No.1 way to create isometric design for web design_data mining(Adobe illustrator tutorial)Art tutor
youtu.be/KrULecF6Akg

How to create an isometric city with 3D extrude in adobe illustrator
youtu.be/68wIUFR6Er8

How to create Flat Isometric drone Concept design (Adobe illustrator advanced tutorial) Art tutor
youtu.be/68yO0A_30ho

ISOMETRIC Illustrator Tutorial: Isometric Tips & Techniques
youtu.be/BLIRUK1O7cA

Isometric laptop design & Web technologies Adobe illustrator tutorial by Art tutor
youtu.be/OJB1FYM4UOQ

How to create 3D Flat isometric design_CHAT BOT concept (Adobe illustrator tutorial) from Art Tutor
youtu.be/O3VTEizXmgs

Isometric Christmas Design & animation tutorial(Adobe illustrator & after effects tutorial)ArtTutor
youtu.be/tALMMx2HOH0

Check out my Uplabs to download original source files
youtu.be/tALMMx2HOH0

Join Arttutor facebook page for timelapse videos
facebook.com/arttutor1/notifications/

Follow me at dribbble.com
dribbble.com/arttutor

Follow me at behance.net
behance.net/joshuaprakash

Follow me at Artstation
artstation.com/joshuaprakash

Day In The Life as a Software Engineer & Designer | Figma Design & Spline 3D Model My Website W/ Me!



UPDATE! Part 2 is now LIVE (see final result here): youtu.be/n28L6NFRNtY

Checkout @Spline here! spline.design
Join their Discord & tell them you came from me! : t.co/1ghLiUW4fp

Subscribe to my channel for more: youtube.com/c/maisyleigh/?sub_confirmation=1

𝗧𝗶𝗺𝗲𝘀𝘁𝗮𝗺𝗽𝘀:
0:00 Welcome Back! Let's Design & Code My New Personal Website Together 🪴🖥☕️
0:47 Day 1️⃣ | Moodboarding, Designing, & Trying Out 3D Modeling
0:53 Moodboarding with Pen & Paper ✍🏼 | How, Why, & What
2:19 Initial Wireframing with @Figma 👩🏻‍💻
3:07 Beginning 3D Modeling with Spline 🧊
6:15 Unwinding From Work With SMITE Video Gaming! 🎮⚡️
6:55 Day 2️⃣ | Finishing Up 3D-Model & Finalizing Website Design
7:03 Making A Dirty Iced Matcha 🍵🧊☕️ (Matcha x Espresso Fusion Drink)
8:29 Working On My 3D Model Of My Cozy Desk Setup!
9:16 Final 3D Model Results!
9:32 Finalizing Website Design in Figma & Embedding 3D Model Into Website
10:07 Final Website Design Results!

𝗦𝗵𝗼𝗽 𝗔𝗟𝗟 𝗠𝘆 𝗗𝗲𝘀𝗸 𝗦𝗲𝘁𝘂𝗽, 𝗞𝗶𝘁𝗰𝗵𝗲𝗻 𝗚𝗲𝗮𝗿 & 𝗛𝗼𝗺𝗲 𝗟𝗶𝘃𝗶𝗻𝗴 𝗣𝗿𝗼𝗱𝘂𝗰𝘁𝘀 𝗛𝗘𝗥𝗘! 🕯🖥🪴 liinks.co/maisyleigh
𝗦𝗵𝗼𝗽 𝗠𝘆 𝟮𝟬𝟮𝟮 𝗗𝗶𝗴𝗶𝘁𝗮𝗹 𝗝𝗼𝘂𝗿𝗻𝗮𝗹 📔 𝗛𝗘𝗥𝗘: bit.ly/maisyleigh-2022-digital-planner-stickers
📱𝗦𝗵𝗼𝗽 𝗔𝗽𝗽 𝗜𝗰𝗼𝗻𝘀 + 𝗪𝗮𝗹𝗹𝗽𝗮𝗽𝗲𝗿𝘀 𝗛𝗘𝗥𝗘: bit.ly/aesthetic-icons-wallpapers-homescreen

👋🏼☺️ 𝗦𝘁𝗮𝘆 𝗖𝗼𝗻𝗻𝗲𝗰𝘁𝗲𝗱 • • • • • •
Instagram: instagram.com/maisyleigh/
TikTok: tiktok.com/@maisyleighs
Twitter: twitter.com/maisyleigh_

💌 𝙀𝙢𝙖𝙞𝙡 𝙛𝙤𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙞𝙣𝙦𝙪𝙞𝙧𝙞𝙚𝙨 • [email protected]

🎉 Shoutout to Buyl Design's 3D Model Inspired By My Desk Setup! instagram.com/p/Cafc8xaM8qh/

𝙊𝙊𝙏𝘿
• Puff Sleeve Shirt: bit.ly/3EmiX8J
• Boxy Oxford Shirt: bit.ly/3KMQDPm
• Yellow High Jeans: bit.ly/3uN06AG
• Brown Perform Leggings: bit.ly/3KTzkw7
• 💅🏻 Non-Toxic Nail Polish (Color: MG): oliveandjune.com?mct=KJ5o3dN- [20% OFF with "maisyleigh20"]
• Merit Clean Beauty Makeup: muse.meritbeauty.com/maisy (Concealer, Eyebrow Gel, Mascara, Blush & Lipstick [Shade: Tiger])
• 👜 Vegan Mini Tote Bag: samarabags.com/maisyleigh (Code "MAISYLEIGH10" for 10% OFF!)

𝘾𝙤𝙯𝙮 𝙇𝙞𝙜𝙝𝙩𝙨 💡 - - [🏷 Code "MAISYLEIGH20" for $20 off any lights from Gantri!]
• Globe Lamp (Sand) - bit.ly/maisyleighcozylights
• Standing Glove Light (Sand) - shrsl.com/39ecd

𝘿𝙚𝙨𝙠 𝙎𝙚𝙩𝙪𝙥 🖥
(Checkout My Latest Desk Setup Tour for Full Desk Details! youtu.be/xtEpcS3qcKY)
• Shop Exclusive Maisyleigh x @Grovemade Desk Mat in Powder Pink/Beige: bit.ly/36BNItS (Code "maisy10" for 10% off!)

𝙋𝙧𝙤𝙙𝙪𝙘𝙩𝙞𝙫𝙞𝙩𝙮 𝙏𝙤𝙤𝙡𝙨 --
• @Ugmonk Discbound Heirloom Journal: ugmonk.com/discount/maisyleigh/?redirect=/products/discbound-heirloom-journal-natural (Code "Maisyleigh" for 10% Off!)
• Purple iPad Air (5th Gen): shop-links.co/cgXZVRy9tDw
• iPad Air Magic Keyboard: shop-links.co/cgXZVQXlTKO
• 📱𝗦𝗵𝗼𝗽 𝗔𝗽𝗽 𝗜𝗰𝗼𝗻𝘀 + 𝗪𝗮𝗹𝗹𝗽𝗮𝗽𝗲𝗿𝘀 𝗛𝗘𝗥𝗘: bit.ly/aesthetic-icons-wallpapers-homescreen
• 𝘾𝙝𝙚𝙧𝙧𝙮 𝘽𝙡𝙤𝙨𝙨𝙤𝙢 𝘿𝙚𝙨𝙠𝙩𝙤𝙥 𝙒𝙖𝙡𝙡𝙥𝙖𝙥𝙚𝙧 🌸 𝙗𝙮 𝙈𝙮𝙎𝙬𝙚𝙚𝙩𝘾𝙝𝙪𝙗𝙨 shrsl.com/3fx5i
• Widgets: Dawn App, MD Clock, MD Vinyl (App Store)

𝙆𝙚𝙮𝙗𝙤𝙖𝙧𝙙 𝙂𝙚𝙖𝙧 ⌨️ -- (keyboard build video: youtu.be/GC6nrRD26U0)
• Keyboard (Keychron Q1): keychron.com/products/keychron-q1?ref=UHD3VJtcjS8q&variant=39699068878937

𝙆𝙞𝙩𝙘𝙝𝙚𝙣 𝙂𝙚𝙖𝙧 🍵☕️
(Checkout my latest "What I Eat In A Day" for my aesthetic recipes & setup links: youtube.com/watch?v=oAeMjWlhz7M&t=2s)
• Tall Glass Cups: amzn.to/3DllWhy
• Dorai Home Coasters (CODE "maisyleigh" for 15% OFF! doraihome.com/?wly=maisyleigh)

𝙂𝙖𝙢𝙞𝙣𝙜 𝙎𝙚𝙩𝙪𝙥 🎮
Checkout My Latest Gaming Setup Video! youtu.be/0J-EMbqzj1g

Music by Warak (ft. DongGeYoung) - Slow Motion - soundcloud.com/waraku/slow-motion-feat-donggeyoung
Music by Sonic Nothing - Blush - thmatc.co/?l=5DF49FBE
Music by Juju B. Goode - Day 8. Bloom - thmatc.co/?l=EC8677A8
Music by @Jazzinuf and Etymology Records
• Lemon Ginger - ( open.spotify.com/track/5YWNeJW5s40JgHGFiNhFh2?si=1b43e16e7afb4d41)
Music by @demongummies ig: @demongummies spotify: open.spotify.com/artist/186Z7vh8tdbrO3V9ZZIMoJ?si=K8HRIu5HQTCzfDS7VjJA2A soundcloud: soundcloud.com/demongummies
• study with blathers: youtube.com/watch?v=QxCJ3NF1y-A&t=1822s

Copyright 2022. MAISYLEIGH © All rights reserved.

#dayinthelife #softwareengineer #designer #figma #spline #uxdesigner #3dmodel #coding

Check out the product links above if you're interested in any of the items I included in my cozy lifestyle! By clicking and/or purchasing from these affiliate links, I get a small commission (at no cost to you) ♡. This helps me out a lot to fund my future videos and creations! 🌸

Trending Search

All in One Design Ideas - Design Ideas

Graphic Design Figma, Creative Banner Design Figma Tutorial | Graphic Design in Figma, 14.6 MB, 10:38, 6,466, DESIGNR - Channel for UI Designers, 2021-11-03T17:38:47.000000Z, 19, Figma | Only Graphic Design, www.onlygraphicdesign.com, 1280 x 768, jpeg, Figma was built for the future of web. That’s why you’ll see features you won’t find elsewhere. Draw in any direction with vector networks. No more merging or needing to connect to the path's original point. , 20, graphic-design-figma, Design Ideas

© Copyright 2022. All Rights Reserved. Design Ideas