§ Index
Every tutorial,
in one place.
Filter by topic or level, search by keyword. 28 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 4m May 13
Figma quarterly check-in: what changed + what to update in your files
A practical quarterly routine for Figma teams: which release notes matter, what to audit in libraries and variables, and how to keep files aligned with 2026 product changes.
- 02Guide Intermediate 8m May 13
Figma vs Penpot (2026): when open source wins, when it doesn’t
Compare Figma vs Penpot for real UI work in 2026: collaboration, hosting, components, plugins, and compliance—with clear criteria for teams and a verdict by scenario.
- 03Plugins Intermediate 7m May 12
Best Figma Plugins for Accessibility (Contrast, A11y Linting) — 2026
Compare the best Figma plugins for WCAG contrast checks, focus order, color-vision simulation, and design linting—plus when native Inspect is enough and how to pick a stack.
- 04Guide Intermediate 7m May 12
How to Export Production-Ready Assets from Figma (PNG, SVG, PDF)
Export crisp PNG and JPEG, clean SVG icons, and print-ready PDFs from Figma: scale modes, slice settings, SVG options, and handoff checks that prevent blurry or oversized files.
- 05Guide 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.
- 06Guide 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.
- 07Plugins 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.
- 08Guide 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.
- 09Setup 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.
- 10Guide 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.
- 11Prototyping 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.
- 12Career 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.
- 13Logo 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.
- 14Layout 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.
- 15Career 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.
- 16Layout 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.
- 17Plugins 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.
- 18Plugins 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.
- 19Layout 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.
- 20Plugins 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.
- 21Plugins 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.
- 22Layout 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.
- 23Layout 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.
- 24Prototyping 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.
- 25Setup 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.
- 26Plugins 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.
- 27Layout 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.
- 28Setup 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.