Learn the essentials of Figma in this comprehensive tutorial video. Explore why Figma is a valuable skill for developers, set up your workspace, and master basic tools. Dive into layers, groups, frames, and positioning techniques. Discover how to work with colors, typography, and vectors. Understand the power of components and styles. Get tips on keyboard shortcuts and useful plugins. Address common questions about exporting designs, creating animations, and transitioning to UI/UX roles. Gain insights on design resources, portfolio building, and accessibility considerations. By the end, you'll have a solid foundation in Figma, enhancing your ability to create and collaborate on design projects.
Overview
Syllabus
- Introduction
- Why learn Figma
- Is it possible to export my Figma design straight to my vscode?
- What would you recommend for someone thinking of transitioning from development to a UI/UX role?
- Is design teachable or do you have to have an “eye” for it?
- Figma Setup
- Basic Figma Tools
- How to do SVGs with Figma?
- Would you recommend something like the Google Coursera Course? To help you build a portfolio
- Which website to see designs?
- Layers
- Groups
- Frames and positioning
- I’m a beginner, what should I learn first, UI/UX or development?
- What is the best way to import from Sketch to Figma without any issues?
- How to export correctly from Figma?
- Frames and positioning
- How to adjust the CSS?
- Colors
- How do you make an animation in Figma?
- Typography
- Figma Plugins
- The Unsplash plugin in Figma
- Plugins Recommendations
- Figma Templates
- How to export HTML code to VSC
- Does Figma have any core functionality for monitoring accessibility and WCAG Standards?
- Is it much different from Adobe XD?
- How to create dynamic components like dropdowns of selection inputs?
- Is Figma free?
- Outro
Taught by
Scrimba
