§ Index
Every tutorial,
in one place.
Filter by topic or level, search by keyword. 24 guides total — sorted newest first.
This index lists every tutorial with no paywall or course funnel. For topic hubs that group related articles for crawling and reading paths, use the pillars below — each maps to a focused slice of the catalog (guides, plugins, layout projects, comparisons, and more).
Hubs: Guides Plugins Templates Alternatives Comparisons /figma-tutorials/ → index
- 01Guide Intermediate 6m May 11
Figma Auto Layout in Practice: Real Patterns, Not Theory
Use Auto Layout like a senior designer: card stacks, toolbars, responsive rows, hug vs fill, gaps, and the mistakes that make files fragile.
- 02Guide Intermediate 5m May 11
Variables & Modes in Figma: A Designer-First Explainer
Learn Figma Variables without the jargon storm: collections, modes, aliases, binding to components, and when Variables beat classic styles.
- 03Plugins Intermediate 9m May 10
Best Figma Plugins for Icons & Illustrations (2026)
Pick the right Figma plugins for icons and illustrations in 2026: comparison table, install tips, licensing notes, and a practical stack for UI and marketing work.
- 04Guide Beginner 6m May 10
Figma Keyboard Shortcuts: 25 That Save Hours
The Figma shortcuts worth memorizing in 2026: selection, frames, Auto Layout, text, components, and prototyping—Mac and Windows, plus how to practice them.
- 05Setup Beginner 6m May 09
How to Install Figma on Mac (Desktop App & Browser) 2026
Install Figma on macOS with the desktop app or browser: download steps, Gatekeeper fixes, fonts, Apple Silicon notes, and troubleshooting.
- 06Guide Beginner 5m May 06
Figma May 2026 Updates: AI Agents, Draw Improvements & Major Performance Gains
A practical breakdown of Figma’s May 2026 updates, including AI agents, Figma Make, Draw improvements, performance gains, and what designers should do next.
- 07Prototyping Beginner 6m Jan 04
Creating Interactive Carousels in Figma: A Step-by-Step Guide (2026)
Build an interactive carousel in Figma with frames, dot indicators, prototype links, swipe behavior, and component-based handoff tips.
- 08Career Beginner 10m Oct 15
UI/UX Design Figma Crash Course Syllabus by Designlab (2026 Review)
Review Designlab’s Figma-focused UI/UX course in 2026, including syllabus, time commitment, cost considerations, alternatives, and who it fits.
- 09Logo Beginner 8m Sep 20
How to Design a Modern Logo Using Figma (Step-by-Step Guide)
Design a modern logo in Figma with vector tools, grids, wordmarks, icon marks, color rules, and export settings for real brand use.
- 10Layout Beginner 7m Sep 10
How to Design Google Ad Banners in Figma (All Sizes + Export Guide)
Design Google Display ad banners in Figma with standard sizes, responsive variants, hierarchy tips, export settings, and testing notes.
- 11Career Beginner 10m Sep 05
Figma vs Adobe XD 2026: Which Is Better for UI/UX Design?
Compare Figma vs Adobe XD in 2026 with a practical verdict on collaboration, prototyping, ecosystem, pricing, and whether XD still makes sense.
- 12Layout Beginner 11m Sep 01
How to Design a Food Menu with Figma (Restaurant Menu Design Guide)
Design restaurant menus in Figma with correct sizes, sections, typography, pricing hierarchy, print export settings, and digital PDF tips.
- 13Plugins Beginner 9m Aug 14
Best Figma Plugin for Illustrations to Start Designing (2026)
Compare the best Figma illustration plugins for 2026, including customizable characters, SVG illustration libraries, icons, and workflow tips.
- 14Plugins Beginner 11m Aug 10
Best Figma Plugins for Design Systems (2026): What to Use, Skip, and Combine
Compare the best Figma design system plugins for tokens, linting, style cleanup, typography, docs, and developer handoff in 2026.
- 15Layout Beginner 7m Aug 10
How to Design Flyers Using Figma (Step-by-Step + Free Template)
Design print-ready flyers in Figma with correct sizes, layout hierarchy, typography, bleed, export settings, and practical template advice.
- 16Plugins Beginner 10m Aug 08
Best Figma Plugins for Developers You Must Have (2026)
Compare the best Figma plugins for developers and handoff workflows, including code export, design tokens, specs, assets, and Dev Mode support.
- 17Plugins Beginner 9m Aug 08
Best Figma Plugins for Web Design to Get an Attractive Look (2026)
Compare the best Figma plugins for web design in 2026, including icons, images, accessibility, content, handoff, and layout workflow tools.
- 18Layout Beginner 7m Aug 05
How to Design a Banner in Figma: Step-by-Step Guide (2026)
Design banners in Figma for websites, social media, and ads with correct sizes, layout hierarchy, typography, image treatment, and export settings.
- 19Layout Beginner 7m Aug 01
How to Make a Feature Image in Figma (Blog & Social Media)
Create blog and social feature images in Figma with correct sizes, layout rules, reusable templates, export settings, and brand consistency tips.
- 20Prototyping Beginner 8m Aug 01
How to Use Figma to Create a Prototype (Step-by-Step)
Learn how to create clickable Figma prototypes with flows, transitions, overlays, gestures, and handoff tips for realistic testing.
- 21Setup Beginner 6m Jul 31
How to Install Figma on Windows (Desktop App & Browser) 2026
Install Figma on Windows 10 or 11 with desktop and browser options, font setup notes, troubleshooting, and next steps for beginners.
- 22Plugins Beginner 8m Jul 31
Learn How to Install Figma Plugins (Complete Guide 2026)
Learn how to find, install, run, manage, and troubleshoot Figma plugins in 2026, plus which plugin guides to read next.
- 23Layout Beginner 6m Jul 20
How to Make a Business Card Using Figma (Free Template + Correct Size)
Design a print-ready business card in Figma with correct size, bleed, safe margins, typography, front/back layout, and export settings.
- 24Setup Beginner 6m Jul 15
How to Install Figma Fonts in Your Figma File (2026 Guide)
Install and troubleshoot custom fonts in Figma on Windows and Mac with Font Installer steps, browser notes, and common missing-font fixes.
No matches. Try clearing a filter.