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
1 view
1416
444
2 months ago 00:00:20 1
this is when you should appreciate abstraction in coding#coding #programming #javascript #python
2 months ago 00:00:17 1
Design vs user experience #coding #programming #javascript #python
2 months ago 00:00:25 1
Just stackoverflow error #coding #programming #javascript #python
2 months ago 00:00:09 1
The exception passthrough design pattern #coding #programming #javascript #python
2 months ago 00:00:11 1
You ignored ignoring your env file #coding #programming #javascript #python
2 months ago 00:00:12 1
Designer - It’s just a simple design #coding #programming #javascript #python
2 months ago 00:00:19 1
the hello world is the main part #coding #programming #javascript #python