Dive into a comprehensive 48-minute video tutorial designed for beginners to master Figma, a powerful design platform. Learn essential skills through a real-world website design project, covering everything from account setup and basic tools to advanced features like auto layout and prototyping. Explore frame creation, grid systems, shape manipulation, image importing, text formatting, and color management. Discover techniques for creating navigation bars, buttons, headers, and responsive layouts. Gain proficiency in grouping elements, using masks, and implementing auto layout for efficient design workflows. Conclude with insights on prototyping, sharing designs, and exporting assets. Perfect for aspiring UI/UX designers looking to enhance their skills in creating visually appealing and functional web interfaces.
Overview
Syllabus
- Figma Introduction
- Figma account setup
- Figma design file
- Figma design assets
- Figma starting basics
- Figma frame
- Figma grid columns and rows
- Figma shapes
- Figma import images
- Figma labeling and grouping
- Figma text
- Figma navigation bar
- Figma button design
- Figma header title & scaling
- Figma text additional settings
- Figma hero section & figma layers
- Figma groups and sections
- Figma fonts and figma colors
- Figma text line height and spacing
- Figma alignment and snapping 2
- Figma masking with shapes and images
- Figma copying groups and sections
- Figma updating sections
- Figma color picker & copying sections continued
- Figma color selecting and picking correct hue
- Figma testimonial section
- Figma autolayout
- Figma auto layout options
- Figma auto layout alignment
- Figma auto layout content
- Figma gallery images
- Figma resize images
- Figma footer
- Figma SVG color and overlay edits
- Figma auto layout menu footer
- Figma layers toolbar, hide and lock
- Figma prototype viewer
- Figma frames and pages
- Figma prototype interactions
- Figma prototype interaction navigation to page
- Figma share test and preview prototypes
- Figma export pages
- Figma export groups or sections
Taught by
Adrian Twarog
