
Tutoriales
How to Add Emojis in Figma
How to Add Emojis in Figma
How to Add Emojis in Figma
Learn how to add emojis in Figma for creative and expressive designs. Step-by-step guide to insert, style, and customize emojis in your projects.

To add emojis in Figma, you can utilize the built-in emoji picker or use a Figma plugin. For the emoji picker, use the keyboard shortcut Ctrl + Command + Space (Mac) or Windows + . (Windows) to open the emoji panel within your text layer. You can also use plugins like Figmoji for more organized options and categories of emojis.
Here's a breakdown of the methods:
1. Using the Emoji Picker (Built-in):
Create a Text Layer: Add a text box to your Figma design.
Open the Emoji Picker: Use the keyboard shortcut Ctrl + Command + Space (Mac) or Windows + . (Windows).
Select and Add: Choose your desired emoji from the panel, and it will be inserted into the text layer.
2. Using the Figmoji Plugin:
Install Figmoji: Search for and install the Figmoji plugin from the Figma community.
Open Figmoji: Right-click, navigate to Plugins > Figmoji.
Choose and Add: Select the desired emoji from the plugin's interface, and it will be added to your design.
3. Adding Emojis to Frame Names:
Select the Frame: Click on the frame you want to rename.
Open the Frame Details: Double-click on the frame name to make it editable.
Add the Emoji: Use the keyboard shortcut (Ctrl + Command + Space or Windows + .) to open the emoji picker, and select the emoji you want to add.
Rename the Frame: Add the emoji to the beginning or end of the frame name to categorize it.
Step-by-Step Guide: How to Add Emojis in Figma
Step 1
Navigate to the bottom section of your Figma design canvas and then click 'Actions'.

Step 2
Search for 'Figmoji' and select it from the suggested results.

Step 3
After that, browse the given options and then click the emojis you want to add.

Step 4
Select the newly added emojis and then move them to your desired position.

Step 5
Next, resize the emojis based on your preferences. Simply grab the handles in the corners and drag them around the canvas.

Step 6
After completing these steps, the emojis will be inserted into your Figma design canvas.

Pro Tips for Adding Emojis in Figma
Open your Figma file
Go to the project or design where you want to insert emojis.Select the Text Tool
Press the T key or click on the Text tool in the toolbar.Click on the Canvas to Create a Text Box
Place your text box in the desired location within your design.Open the Emoji Keyboard on Your Device
On Windows: Press Windows key + . (period) or Windows key + ; (semicolon).
On Mac: Press Control + Command + Space.
Choose the Emoji You Want
Use the search bar or browse through categories to find your desired emoji.Insert the Emoji into the Text Box
Click the emoji, and it will appear in your Figma text box.Adjust Size and Style
Increase the font size, change the font style, or adjust alignment to match your design.
Common Pitfalls and How to Avoid Them
Emoji Not Displaying Properly
If an emoji appears as a square or box, try changing the font to one that supports emojis, like Segoe UI Emoji (Windows) or Apple Color Emoji (Mac).Emojis Look Different on Other Devices
Keep in mind that emojis can vary in style across operating systems.Emoji Size Not Matching Text
Increase the font size or adjust the line height so emojis align with surrounding text.Copy-Pasting from Other Sites Not Working
Use your device’s emoji keyboard instead of copying from external sources to avoid formatting issues.Emoji Appearing in Black and White
Some fonts only support monochrome emojis—switch to a color emoji-supported font.
Common FAQs About Adding Emojis in Figma
How do I add emojis in Figma?
Create a text box, open your device’s emoji keyboard, select an emoji, and insert it into the text box.Can I customize emoji colors in Figma?
No, native emojis can’t have their colors changed in Figma—they follow the system’s default style.Can I use emojis in Figma free version?
Yes, emoji support is available in both free and paid versions.Do emojis scale with font size in Figma?
Yes, increasing font size will also increase the size of the emoji.Can I use emojis in exported designs?
Yes, emojis will appear in exported images or PDFs as they do in your Figma design.How to screen record on mac?
To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages.How to add an AI avatar to screen recording?
To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.How to screen record on windows?
To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.How to add voiceover to video?
To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video.How do I Zoom in on a screen recording?
To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

To add emojis in Figma, you can utilize the built-in emoji picker or use a Figma plugin. For the emoji picker, use the keyboard shortcut Ctrl + Command + Space (Mac) or Windows + . (Windows) to open the emoji panel within your text layer. You can also use plugins like Figmoji for more organized options and categories of emojis.
Here's a breakdown of the methods:
1. Using the Emoji Picker (Built-in):
Create a Text Layer: Add a text box to your Figma design.
Open the Emoji Picker: Use the keyboard shortcut Ctrl + Command + Space (Mac) or Windows + . (Windows).
Select and Add: Choose your desired emoji from the panel, and it will be inserted into the text layer.
2. Using the Figmoji Plugin:
Install Figmoji: Search for and install the Figmoji plugin from the Figma community.
Open Figmoji: Right-click, navigate to Plugins > Figmoji.
Choose and Add: Select the desired emoji from the plugin's interface, and it will be added to your design.
3. Adding Emojis to Frame Names:
Select the Frame: Click on the frame you want to rename.
Open the Frame Details: Double-click on the frame name to make it editable.
Add the Emoji: Use the keyboard shortcut (Ctrl + Command + Space or Windows + .) to open the emoji picker, and select the emoji you want to add.
Rename the Frame: Add the emoji to the beginning or end of the frame name to categorize it.
Step-by-Step Guide: How to Add Emojis in Figma
Step 1
Navigate to the bottom section of your Figma design canvas and then click 'Actions'.

Step 2
Search for 'Figmoji' and select it from the suggested results.

Step 3
After that, browse the given options and then click the emojis you want to add.

Step 4
Select the newly added emojis and then move them to your desired position.

Step 5
Next, resize the emojis based on your preferences. Simply grab the handles in the corners and drag them around the canvas.

Step 6
After completing these steps, the emojis will be inserted into your Figma design canvas.

Pro Tips for Adding Emojis in Figma
Open your Figma file
Go to the project or design where you want to insert emojis.Select the Text Tool
Press the T key or click on the Text tool in the toolbar.Click on the Canvas to Create a Text Box
Place your text box in the desired location within your design.Open the Emoji Keyboard on Your Device
On Windows: Press Windows key + . (period) or Windows key + ; (semicolon).
On Mac: Press Control + Command + Space.
Choose the Emoji You Want
Use the search bar or browse through categories to find your desired emoji.Insert the Emoji into the Text Box
Click the emoji, and it will appear in your Figma text box.Adjust Size and Style
Increase the font size, change the font style, or adjust alignment to match your design.
Common Pitfalls and How to Avoid Them
Emoji Not Displaying Properly
If an emoji appears as a square or box, try changing the font to one that supports emojis, like Segoe UI Emoji (Windows) or Apple Color Emoji (Mac).Emojis Look Different on Other Devices
Keep in mind that emojis can vary in style across operating systems.Emoji Size Not Matching Text
Increase the font size or adjust the line height so emojis align with surrounding text.Copy-Pasting from Other Sites Not Working
Use your device’s emoji keyboard instead of copying from external sources to avoid formatting issues.Emoji Appearing in Black and White
Some fonts only support monochrome emojis—switch to a color emoji-supported font.
Common FAQs About Adding Emojis in Figma
How do I add emojis in Figma?
Create a text box, open your device’s emoji keyboard, select an emoji, and insert it into the text box.Can I customize emoji colors in Figma?
No, native emojis can’t have their colors changed in Figma—they follow the system’s default style.Can I use emojis in Figma free version?
Yes, emoji support is available in both free and paid versions.Do emojis scale with font size in Figma?
Yes, increasing font size will also increase the size of the emoji.Can I use emojis in exported designs?
Yes, emojis will appear in exported images or PDFs as they do in your Figma design.How to screen record on mac?
To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages.How to add an AI avatar to screen recording?
To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.How to screen record on windows?
To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.How to add voiceover to video?
To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video.How do I Zoom in on a screen recording?
To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.
Crea videos como un estudio con la IA de trupeer
Crea videos como un estudio con la IA de trupeer
Crea videos como un estudio con la IA de trupeer
Crear un video tipo estudio a partir de una grabación de pantalla en bruto
Crear un video tipo estudio a partir de una grabación de pantalla en bruto
Crear un video tipo estudio a partir de una grabación de pantalla en bruto
VÍDEO Y GUÍA HECHA EN TRUPEER EN 2 MINUTOS
VÍDEO Y GUÍA HECHA EN TRUPEER EN 2 MINUTOS
VÍDEO Y GUÍA HECHA EN TRUPEER EN 2 MINUTOS