Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Create designs
  • Text and typography

Add emojis and smart symbols to text

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Add emojis Add smart symbols

Who can use this feature

Available on any team or organization plan.

Available in Figma Design, FigJam, and Figma Slides.

Anyone with can edit access to a file can add emoji and smart smart symbols to text layers.

Add emojis

You can add emoji to text layers, layers that support text, and comments. Figma uses the Apple emoji style.

Add emoji to any text layers by typing : followed by the emoji code. If you don’t know the name of an emoji, you can search by entering keywords like :heart or :plus.

You can also use your computer’s emoji picker or keyboard. Select your operating system for more instructions.

Use the emoji picker to add emoji to text layers.

  1. Create a text layer in the canvas.
  2. Use the keyboard shortcut Ctrl Command Space to display the Emoji picker.
  3. Type the name of your emoji in the field provided.
  4. Select the emoji from the search results to add it to the text layer.

To add emoji, you first need to enable Microsoft's Touch Keyboard:

  1. Right-click on the Windows task bar.
  2. Click the Show touch keyboard button.

Now you can add emoji using the touch keyboard:

  1. Create a text layer.
  2. Click the Touch Keyboard icon.
  3. Select the Emoji option.
  4. Select the emoji you would like to use.

Add smart symbols

Enable Use smart quotes/symbols in Figma Design files to quickly convert characters to special symbols. For example, if you type characters like - and > next to each other with no spaces in between, Figma will convert the characters to →. This setting will also convert straight quotation marks like " " to curly ones 〝 〞.

To enable this setting, open the Main menu from a Figma Design file and navigate to Preferences > Use smart quotes/symbols.

Here are some character combinations and their resulting smart symbols:

Characters Result
-> →
<- ←
vv ↓
^^ ↑
(c) ©
(r) ®
(tm) ™
[ ] ▢

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Use icon fonts
  • Add text in Chinese, Japanese, and Korean
  • Create bulleted and numbered lists
  • Create and apply text styles
  • Adjust text dimensions and resizing
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand