Need to include bullet points in your Figma designs? Whether you’re creating content blocks, slide decks, onboarding flows, or wireframes, bullet points help organize ideas visually. But Figma doesn’t have a built-in bullet list button like in Google Docs or Word.
So how do you add bullet points in Figma?
In this tutorial, you’ll learn:
- How to manually create bullet points in Figma
- How to use keyboard shortcuts to speed up the process
- Workarounds for automatic lists
- Best practices for alignment and consistency
📝 1. Manually Add Bullet Points in Text
Figma treats text like a flexible canvas—it doesn’t have native list formatting. But you can easily create bullet points manually.
Steps:
- Select the Text Tool (press T)
- Click on the canvas and type this:
Bullet point one • Bullet point two • Bullet point three - To insert a bullet character (
•), press:- Option + 8 on Mac
- Alt + 0149 on Windows (numeric keypad)
- Press Return to go to the next line and repeat
💡 You can also copy-paste the bullet character from elsewhere and reuse it.
⌨️ 2. Use Keyboard Shortcuts for Efficiency
Instead of typing the bullet every time:
- Create one line with a bullet and text
- Press Return to go to the next line
- Use Cmd/Ctrl + D to duplicate the line
- Edit the text on each line
This keeps the bullets aligned and evenly spaced.
🎨 3. Align Bullet Points Like a Pro
Use Text Indentation and Spacing to keep things clean:
- Select your bullet list text box
- In the right sidebar, expand Type Details
- Use:
- Line height: 120–150% for readability
- Paragraph spacing: 8–16px if bullets are separate items
- Indentation: Add a few spaces (or use the space bar) after the bullet
✅ Pro tip: Use a monospaced font temporarily to get alignment right, then switch back.
🔁 4. Create Bullet List Components (For Reuse)
If you use bullet lists often—like in card components, modals, or presentations—create a reusable Bullet List Component.
Example:
- A frame with vertical auto layout
- Each item is a text line starting with a bullet (
•) - You can use variants for bullets with icons or numbers
This is perfect for design systems and editable templates.
🧰 5. Use Plugins for Auto Bullets (Optional)
Several Figma plugins offer markdown-like list formatting:
Recommended Plugin:
- “Content Reel” – insert structured text including bullet samples
- “Lona” or “Listify” – auto-format text lists
- “MockContent” – fills components with lorem ipsum in bullet format
🚀 These plugins are great for fast prototyping or simulating content-heavy UIs.
🚫 What Not to Do
- ❌ Don’t space bullets using tabs—Figma doesn’t render them well
- ❌ Don’t manually align bullets by eye—use proper spacing
- ❌ Don’t flatten bullet text into outlines—it loses editability
✅ In Summary: Adding Bullet Points in Figma
| Task | Method |
|---|---|
| Simple bullet list | Type • manually using Option + 8 or Alt + 0149 |
| Fast formatting | Duplicate lines using Cmd/Ctrl + D |
| Precise alignment | Use Type Details > Line height + spacing |
| Scalable UI | Create a reusable list component |
| Quick list mockups | Use Figma plugins like Content Reel or Listify |
Bullet points are a core part of clear visual communication—especially in UX writing, help panels, and onboarding. Now you can add them in Figma like a pro and keep your layouts clean, consistent, and readable.
Want more microcopy tips, UI layout tricks, and design system practices? Explore the full series at Designilo.com.
Designilo 