動画検索
関連広告
検索結果
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
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 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
Introduction
Get Figma
First run flow
File browser
Figma editor layout
Frames
Panning and zooming
Rename frames
Add frame fill / background
Design properties
Add rectangle shape
Place image
Layout grid
Add text
Add navigation frame
Design icons
Components
Constraints
Design component cards & spacing
Masks
Styles
Auto layout
Prototype
Share with others
Wrap up
Introduction to Figma tutorial
What is UX Design?
What is Figma's Role in UX Design
The UX Design Brief in Figma
Download Free Figma Exercise Files
How to create a wireframe in Figma
How to add text in Figma
How to make a component in Figma
How to make a placeholder image in Figma
How to copy & paste appearance in Figma
How to create a button in Figma
How to make a UI card in Figma
How to make an input field in Figma
How to use component Instances & Overrides in Figma
How to paste in place in Figma
How to use Adobe Illustrator with Adobe Figma
How to add to an existing component Figma
How to prototype in Adobe Figma
How to share a Prototype in Figma
How to use Photoshop with Figma
What is High Fidelity Mockup in Figma
How to add colors in Adobe Figma
How to find Google fonts in Figma
How to make a Micro Interaction in Figma
Outro