Figma How-to & Tips
Figma how-to — bulk editing, exporting, Japanese setup, and UI tips.
11 articles
How to Add Fonts to Figma — Install, Import & Change Font Size
A complete guide to adding fonts to Figma: using Google Fonts with no setup, installing local fonts for the desktop app and the browser version, importing Adobe Fonts, uploading custom fonts on Organization plans, and changing font size efficiently — plus what to watch for when fonts come from an Adobe XD migration.
CJK Fonts in Figma: Working with Chinese, Japanese & Korean Text
A practical guide to CJK (Chinese, Japanese, Korean) fonts in Figma — why they behave differently from Latin fonts, the Han unification glyph trap, how to pick the right Noto Sans CJK subfamily, fallback and tofu boxes, performance, and what to watch for when migrating CJK designs from Adobe XD.
How to Export Images from Figma — Batch Export, Resolution Settings, and PNG/SVG/PDF
How to export images from Figma — one element or many at once. Covers the Export settings panel basics, batch exporting, fixing blurry or low-quality exports, choosing between PNG/SVG/PDF/JPG, and the gotchas when exporting files migrated from XD.
There's No "Artboard" in Figma — A Frame Guide for Adobe XD Users (Create, Resize, Export)
Looking for how to make an artboard in Figma after coming from Adobe XD or Illustrator? Figma calls it a Frame. This guide covers creating frames (the F key), adding, resizing, and exporting them, the difference between frames, sections, and groups, and how Figma frames differ from XD artboards — clearing up the terminology gap that trips up XD-to-Figma migrants.
Tidying Up the Figma UI — Hide Sidebars and Menus to Reclaim Canvas Space
Practical Figma UI tips for reclaiming canvas space. Covers Show/Hide UI, Minimize UI, File and Assets tabs, the overflow menu, full-screen presentation mode, and a Mac vs. Windows shortcut comparison — written for designers moving from Adobe XD and intermediate Figma users.
Bulk Text Style Replacement in Figma — How It Differs from Font or Color-Only Changes, and Applying Updates Together
How to bulk-replace text styles in Figma. Covers native features (Text Styles editing / Edit style / Select all using this style) and plugins, the differences from font-only or color-only changes, and managing Character Styles after migrating from XD — based on real production workflows.
Bulk Color Replacement in Figma — Native Features, Plugins, and Migrating from XD
How to replace multiple colors at once in Figma. Covers native features (Selection colors / Color styles), when to reach for plugins, gradients and images, light/dark mode handling, and the color sprawl that follows XD migration — based on real production workflows.
Bulk Font Replacement in Figma — A Practical Guide to Native Features and Plugins
How to replace multiple fonts at once in Figma. Covers native features (Select all with same font / Text styles), when to reach for plugins, font size changes, and dealing with font sprawl after migrating from Adobe XD — based on real production workflows.
Why Figma fonts aren't showing — 5 causes and how to fix them
Practical guide to fixing fonts that won't show in Figma. Desktop vs web app differences, Font Installer setup, font name mismatches after XD migration, and shared-project workflows. Five common causes with a 5-minute troubleshooting flow.
Using Japanese Fonts in Figma — A Practical Guide to Adding Fonts, Troubleshooting, and Migrating from XD
A practical guide to using Japanese fonts in Figma. Covers the three ways to add fonts (local / Google Fonts / Adobe Fonts), troubleshooting when fonts don't show up, and notes for designers migrating from Adobe XD — based on Figma's official documentation.
Using Figma in Japanese — A Complete Guide to Language Settings, Menu Localization, and UI Coverage
How to set Figma's UI to Japanese — the language settings flow, what's localized vs what stays in English, and common pitfalls. A practical guide for designers who want to work in Japanese, or teams coming from a localized XD environment.