動画検索
関連広告
検索結果
Figma for Beginners
Create an Account and Team
Free Education account
Teams and Invite members
Wireframe an app and our app idea, Petma
The Editor (where you design)
Frames
Pan and Zoom
Creating new Layers
Layer's panel hierarchy
Add an avatar
Stroke and Fill
Alignment and text
Placeholder Icons (rectangles)
Duplicating layers
Group Layer
Components and Libraries
Figma Community
Instances
Constraints
Additional Screens
Copy and paste between frames
Iterations and feedback
In the next video...
Intro
Common inspection tasks
Full Design seat and Dev Mode experience
Org and Enterprise plan seat options
Toggle Dev Mode
Ready for Dev
Annotations (DM)
Measure distances (DM)
Generate code (DM)
View properties (DM)
Component playground
Export assets
Plugins and VS Code
Viewer access without Dev Mode experience
View comments
Measure distances
Generate code
View properties
Export assets
Outro
Intro
Advantages of using Figma
How to log in into figma.com
Why you should copy other designs
How to start a project from a TEMPLATE
Interface OVERVIEW
Create a FRAME
SHAPE and COLOR creation
CORNER RADIUS adjustment
Create a CIRCLE
How to use an ICON
How to paste IMAGES
How to use TEXT
BUTTON UI
Conclusion
Next steps
Create Design
Pages and set up
Measuring and Layout Grids
Corner Radius and Place Image
Text properties and Styles
Plugins, color, and accessibility
Auto Layout
Create Components
Clip Content
Overrides
Vector networks and boolean operations
Boolean operations
Create a navigation bar
Floating Action Button (FAB)
Scrolling and Fix Position
Let's recap
Intro to Figma Essentials
Getting started with Figma
What is Figma?
Difference between UI & UX
Class project 01- Create your own brief
What is Lo Fi vs Hi Fi
Introducing frames in Figma
The basics of type & fonts in Figma
Middletro
How to use color in Figma
Strokes & color defaults in Figma
Object editing in Figma
Frames vs Groups in Figma
Class project 02- Wireframe
Free icons in Figma
Matching the stroke in Figma
Class project 03 - Icons
How to use Pages in Figma
How to prototype in Figma
Prototype animation in Figma
Class project 04 - Testing on your phone
Smart Animation & delays in Figma
Class project 05 - My first animation
Sharing & Commenting in Figma
Outro