Figma Tutorials
Everything we've written about Figma, in one place. These tutorials come from the same team behind BYOL's Figma UI UX Design Essentials and Figma Advanced courses, taught by Daniel Scott. From auto layout, components and constraints to prototyping, variables and plugins, each guide walks you through step by step — and when you're ready to go deeper, our full courses pick up where the blog leaves off.
29 tutorials
How to Use Constraints in Figma
Learn How to Keep Your UI Layouts Intact Across Devices with Constraints in Figma
Good Spacing Techniques in Figma
Mastering the 8-Point Grid for Effective UI Design
Icon Plugins in Figma
Unlock the Power of Icon Plugins in Figma to Enhance Your UI Design Workflow
How to Create Rounded Corners in Figma
Learn the Importance of Rounded Shapes in UI Design and Create Stunning Elements for Your App or Website
How to Truncate Text and Set Max Lines in Figma
A Step-by-Step Guide to Creating Adaptive UI Elements for Any Screen Size
Figma Config ‘24 with Stevan Trbojević
Stevan Trbojević’s Insights on Figma Config '24: Exciting Updates and Future Trends
Create a Design Portfolio Website with Figma
Design a Stunning Portfolio Website with Figma: A Step-by-Step Guide
Unsplash Plugin in Figma
Unlock the Power of the Unsplash Plugin for Figma: Streamline Your UI Design with Stunning Images
Responsive Text in Figma
Mastering Responsive Text with Auto Layout in Figma
Guide to Creating Curved Text in Figma
Master Curving Text in Figma: Plugins and Techniques
7 Tips to Master Figma: Simplify Your UX Design Process
Become a Superb UX Designer with These Figma Hacks
How To Make A Button In Figma
Mastering Button Design in Figma: A Step-by-Step Guide
Creating Smooth UI Animations in Figma: A Step-by-Step Guide
Master UI Design by Animating with Figma – From Basic Shapes to Interactive Prototypes
A Step-by-Step Guide to Applying Blur in Figma
Transform Your Designs with Advanced Blur Techniques in Figma
A Comprehensive Guide to Using Color in Figma
Elevate Your Designs with Proven Color Techniques in Figma
Mastering Figma: Scaling vs. Selection Tool Demystified
A Guide to Scaling and Selection Tools
Testing on your Phone with Figma Mirror
Streamline your design process and optimize for mobile with real-time testing
A Rainbow of Possibilities – Adding Color with the Eyedropper Tool in Figma
Unleash Your Creativity: Mastering Figma's Eyedropper Tool for Vibrant Designs
Variables in Figma
Mastering Variables: A Comprehensive Guide to Using Variables in Figma
Figma vs Sketch
Comparing Two Giants in UI/UX Design Software
How to Prototype in Figma
Master the Art of Prototyping in Figma: A Comprehensive Guide
How to Add Fonts to Figma
A Step-by-Step Guide: How to Add Fonts to Figma
Gradients in Figma
Discover how gradients can level up your Figma Prototypes
How to Set up a Responsive Grid System in Figma
Improve your Figma designs with layout grids
How to Use Components in Figma
Master Figma Components for Efficient Design - BYOL Guide
A Step-By-Step Guide to Figma Auto Layout
A Step-By-Step Guide to Figma Auto Layout
What is Figma?
Discover Figma, the leading interface design software, tailored to the needs of design enthusiasts. Launched in September 2016, it offers a cutting-edge solution for your creative pursuits.
How to Create a Color Palette in Figma
How to Create a Color Palette in Figma
How to Crop in Figma: Step-by-Step Guide on Cropping Images
Mastering Image Cropping in Figma: A Comprehensive Guide with Step-by-Step Instructions
Ready to go beyond the blog?
Our Figma courses take you from your first steps to advanced techniques, one bite-sized video at a time.
Explore Figma courses