Drawing Stuff in Figma - Graphic Design Crash Course

DesignCourse ยท Beginner ยท๐Ÿ–Œ๏ธ UI/UX Design ยท2y ago
https://bit.ly/3O6msWq ๐Ÿ‘ˆ Design & code like me. Use "UI2023" for 23% Off! https://designcourse.com/af ๐Ÿ‘ˆ My upcoming "Advanced Frontends" Course -- Today, we're going to create 5 different projects in order to learn how to draw in Figma. Figma offers a variety of vector-based drawing tools that allows you to create various graphic designs such as icons, illustrations, etc.. Grab the final project file: https://www.figma.com/community/file/1265648890065224488 0:00 - Intro 0:22 - Project 1 7:06 - Project 2 11:55 - Project 3 17:55 - Project 4 26:35 - Project 5 Let's get started! - - - - - - โ€ฆ
Watch on YouTube โ†— (saves to browser)

Chapters (6)

Intro
0:22 Project 1
7:06 Project 2
11:55 Project 3
17:55 Project 4
26:35 Project 5

Playlist

Uploads from DesignCourse ยท DesignCourse ยท 0 of 60

โ† Previous Next โ†’
1 CSSGR.ID - An Easy, Interactive Way to Learn the CSS Grid
CSSGR.ID - An Easy, Interactive Way to Learn the CSS Grid
DesignCourse
2 Animating SVG's for Web Design with SVGator Tutorial
Animating SVG's for Web Design with SVGator Tutorial
DesignCourse
3 Adobe XD is Free! + An 8 Day Design Challenge Starting Tomorrow
Adobe XD is Free! + An 8 Day Design Challenge Starting Tomorrow
DesignCourse
4 [Live] UI/UX Design in Adobe XD - Movie Ticket Purchasing Flow
[Live] UI/UX Design in Adobe XD - Movie Ticket Purchasing Flow
DesignCourse
5 UI Design & Animate a Smart Watch App with Adobe XD & After Effects
UI Design & Animate a Smart Watch App with Adobe XD & After Effects
DesignCourse
6 Need a simple video editor?  Sometimes less is more..
Need a simple video editor? Sometimes less is more..
DesignCourse
7 Animated Mockups in Photoshop?  Who knew?
Animated Mockups in Photoshop? Who knew?
DesignCourse
8 Learn Angular 6 in 60 Minutes - Free Beginners Crash Course
Learn Angular 6 in 60 Minutes - Free Beginners Crash Course
DesignCourse
9 Setting up Angular 6 SEO in a Few Seconds? I'll show you how
Setting up Angular 6 SEO in a Few Seconds? I'll show you how
DesignCourse
10 Creating Adobe Photoshop Templates for Mockups (Full Process!)
Creating Adobe Photoshop Templates for Mockups (Full Process!)
DesignCourse
11 Create CSS Animations Easily with this Chrome Extension
Create CSS Animations Easily with this Chrome Extension
DesignCourse
12 SVG Icons Tutorial - A Look at Vivid.js
SVG Icons Tutorial - A Look at Vivid.js
DesignCourse
13 Create an Isometric Illustration for Web Design in Illustrator CC
Create an Isometric Illustration for Web Design in Illustrator CC
DesignCourse
14 Trying out Adobe Dreamweaver for the First Time in 13 Years!
Trying out Adobe Dreamweaver for the First Time in 13 Years!
DesignCourse
15 My #1 Tip for Becoming a Better Designer
My #1 Tip for Becoming a Better Designer
DesignCourse
16 Getting Started with Angular 6 Material (Tutorial)
Getting Started with Angular 6 Material (Tutorial)
DesignCourse
17 Animating CSS Perspectives for UI Design
Animating CSS Perspectives for UI Design
DesignCourse
18 Adobe XD's 2 New Awesome Features! Fixed Elements & Overlays Tutorial
Adobe XD's 2 New Awesome Features! Fixed Elements & Overlays Tutorial
DesignCourse
19 One CSS Trick You Didn't Know About! +200k Subscribers Today!
One CSS Trick You Didn't Know About! +200k Subscribers Today!
DesignCourse
20 Design & Animate SVG Illustrations for Web Design
Design & Animate SVG Illustrations for Web Design
DesignCourse
21 Pure CSS Sticky Storytelling with 1 Property??
Pure CSS Sticky Storytelling with 1 Property??
DesignCourse
22 New Videos Weekly @ 11:30 AM EST (Channel Trailer)
New Videos Weekly @ 11:30 AM EST (Channel Trailer)
DesignCourse
23 Wow.. You can Export Adobe After Effects Animations as SVG! Here's how.
Wow.. You can Export Adobe After Effects Animations as SVG! Here's how.
DesignCourse
24 Color Fonts - How to make your own in Adobe Illustrator
Color Fonts - How to make your own in Adobe Illustrator
DesignCourse
25 [Live] Q&A Reveal from This Week + Live Portfolio Review
[Live] Q&A Reveal from This Week + Live Portfolio Review
DesignCourse
26 A Beginner's Web Design Tutorial for 2018 - Part 1 of 2
A Beginner's Web Design Tutorial for 2018 - Part 1 of 2
DesignCourse
27 An HTML & CSS Tutorial for 2018 - Part 2 of 2
An HTML & CSS Tutorial for 2018 - Part 2 of 2
DesignCourse
28 Create an Animated CSS Illustration with just 5 Lines of HTML
Create an Animated CSS Illustration with just 5 Lines of HTML
DesignCourse
29 Create an Awesome Scroll-based HTML5 Video Explainer
Create an Awesome Scroll-based HTML5 Video Explainer
DesignCourse
30 Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
31 Creating Step by Step Feature Introductions with Shepherd.js
Creating Step by Step Feature Introductions with Shepherd.js
DesignCourse
32 Easily Structure your Layout with CSS Grid's 'grid-template-areas'
Easily Structure your Layout with CSS Grid's 'grid-template-areas'
DesignCourse
33 Making Money Online in 2018 as a Designer or Coder
Making Money Online in 2018 as a Designer or Coder
DesignCourse
34 Deploy your Angular App to a Serverless Environment (AWS)
Deploy your Angular App to a Serverless Environment (AWS)
DesignCourse
35 Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
36 Artboard Studio Early Adopter Preview - Powerful Product Presentations
Artboard Studio Early Adopter Preview - Powerful Product Presentations
DesignCourse
37 Build a Native Desktop App with Electron (YouTube Stats App)
Build a Native Desktop App with Electron (YouTube Stats App)
DesignCourse
38 Mastering the Adobe XD Shape Building Tools (Pen tool, I'm looking at you)
Mastering the Adobe XD Shape Building Tools (Pen tool, I'm looking at you)
DesignCourse
39 Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
40 The Future of Web Fonts looks Awesome - Variable Font Tutorial
The Future of Web Fonts looks Awesome - Variable Font Tutorial
DesignCourse
41 Build your First Angular PWA from Scratch (Angular 6 PWA Tutorial)
Build your First Angular PWA from Scratch (Angular 6 PWA Tutorial)
DesignCourse
42 Build a Simple PWA based on Basic JavaScript using Google's Workbox
Build a Simple PWA based on Basic JavaScript using Google's Workbox
DesignCourse
43 [LIVE] Design Follow-Along - Let's Design a Dark UI Dashboard
[LIVE] Design Follow-Along - Let's Design a Dark UI Dashboard
DesignCourse
44 Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
45 Quickly and Easily Create Custom Scrollbars that Look Awesome
Quickly and Easily Create Custom Scrollbars that Look Awesome
DesignCourse
46 How to Make Super Effective Call to Actions in your UI Designs
How to Make Super Effective Call to Actions in your UI Designs
DesignCourse
47 Learn Sass in this Free Crash Course - Give your CSS Superpowers!
Learn Sass in this Free Crash Course - Give your CSS Superpowers!
DesignCourse
48 The New Vue UI is Amazing for Creating & Managing your Projects! Let's check it out
The New Vue UI is Amazing for Creating & Managing your Projects! Let's check it out
DesignCourse
49 Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
50 The Top 2018 Design Trends - The Good and the Bad
The Top 2018 Design Trends - The Good and the Bad
DesignCourse
51 Designing a Logo for my next YouTube Channel
Designing a Logo for my next YouTube Channel
DesignCourse
52 Control Type Position with CSS Shape-Outside - Endless Possibilities!
Control Type Position with CSS Shape-Outside - Endless Possibilities!
DesignCourse
53 Creating Color Themes for Your Websites & Apps
Creating Color Themes for Your Websites & Apps
DesignCourse
54 Q&A Reveal from This Week + Live Portfolio Review @ 10:00 AM ET
Q&A Reveal from This Week + Live Portfolio Review @ 10:00 AM ET
DesignCourse
55 VuePress Tutorial - Learn how to use VuePress for a Documentation Site (Beginner)
VuePress Tutorial - Learn how to use VuePress for a Documentation Site (Beginner)
DesignCourse
56 Let's Look at Trump's Space Force Logo Designs
Let's Look at Trump's Space Force Logo Designs
DesignCourse
57 What Domain Extension Should a Designer Get?
What Domain Extension Should a Designer Get?
DesignCourse
58 What is a Design System? Design Systems 101 for Designers
What is a Design System? Design Systems 101 for Designers
DesignCourse
59 Live Designer Portfolio Review @ 10:30 AM ET
Live Designer Portfolio Review @ 10:30 AM ET
DesignCourse
60 Creating Custom Video Backgrounds from Scratch
Creating Custom Video Backgrounds from Scratch
DesignCourse
How to Build a Killer Brand Style Guide Using AI
Next Up
How to Build a Killer Brand Style Guide Using AI
HubSpot Marketing