§ Index
Every tutorial,
in one place.
Filter by topic or level, search by keyword. 34 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 8m May 17
Alternatives to Figma for UI design teams: an honest 2026 shortlist
Pick a Figma alternative without regret: who should stay on Figma, who should pilot Sketch, Penpot, or Framer, and the procurement mistakes that waste quarters—criteria, tradeoffs, and a verdict table.
- 02Guide Intermediate 6m May 17
How to organize a Figma file so it scales (pages, covers, naming)
Stop chaotic Figma files: a practical system for page order, cover frames, component prefixes, archives, and handoff hygiene that survives multiplayer, new hires, and shipping pressure.
- 03Guide Intermediate 5m May 16
Fix Blurry Exports and Wrong Dimensions in Figma
Stop soft PNGs, mis-sized frames, and surprise crops: diagnose export scale, constraints, pixel preview, and handoff checks so assets match engineering and print specs.
- 04Guide Intermediate 5m May 16
Slide Decks in Figma: Layout, Grids, and Presenting Modes
Build keynote-ready decks in Figma: slide masters, 16:9 frames, type scales, grid systems, speaker notes patterns, and prototype present mode—without fighting the canvas.
- 05Plugins Intermediate 8m May 14
Best Figma → Dev Handoff Plugins (2026): Inspect, Tokens, Specs, and Code
Pick Figma plugins that complement Dev Mode: design tokens, redlines, code export, and documentation workflows—plus when native Inspect is enough and how to avoid spec drift.
- 06Guide Intermediate 6m May 14
Mobile App UI in Figma: Frame Presets, Safe Areas, and a Practical Layout Workflow
Set up iPhone and Android frames, status bars, notches, and safe areas in Figma—plus grids, auto layout patterns, and export checks so mobile screens stay consistent from design to build.
- 07Guide 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.
- 08Guide 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.
- 09Plugins 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.
- 10Guide 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.
- 11Guide 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.
- 12Guide 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.
- 13Plugins 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.
- 14Guide 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.
- 15Setup 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.
- 16Guide Beginner 7m May 06
Figma May 2026 Updates: AI Agents, Custom Skills, Mobile Make & More
A practical breakdown of Figma’s May 2026 updates: MCP AI agents, Custom Skills in Make, mobile Make previewing, ChatGPT Images 2.0, Draw improvements, and performance gains.
- 17Prototyping 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.
- 18Career 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.
- 19Logo 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.
- 20Layout 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.
- 21Career 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.
- 22Layout 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.
- 23Plugins 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.
- 24Plugins 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.
- 25Layout 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.
- 26Plugins 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.
- 27Plugins 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.
- 28Layout 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.
- 29Layout 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.
- 30Prototyping 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.
- 31Setup 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.
- 32Plugins 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.
- 33Layout 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.
- 34Setup 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.