0
0
Figmabi_tool~5 mins

Content generation plugins (Lorem ipsum, icons) in Figma - Step-by-Step Guide

Choose your learning style9 modes available
Introduction
Content generation plugins help you quickly add placeholder text and icons to your designs. This saves time when you want to show how a dashboard or report will look before real data or images are ready.
When you need to fill a text box with sample text to show layout in a dashboard mockup
When you want to add icons to represent data categories without searching for images
When you want to quickly test how a report looks with different text lengths
When you want to create a prototype with realistic placeholders for client review
When you want to speed up your design process by avoiding manual content creation
Steps
Step 1: Open the Figma file where you want to add placeholder content
- Figma main workspace
Your design canvas is ready for editing
Step 2: Click on the Plugins menu in the top bar
- Top menu bar > Plugins
A dropdown list of installed plugins appears
Step 3: Select 'Lorem Ipsum' plugin from the list
- Plugins dropdown menu
The Lorem Ipsum plugin panel opens on the right side
Step 4: Select the text box where you want to add placeholder text
- Design canvas
The text box is highlighted and ready for input
Step 5: In the Lorem Ipsum plugin panel, choose the amount of text to generate (words, sentences, paragraphs)
- Lorem Ipsum plugin panel
The plugin prepares the requested placeholder text
Step 6: Click the 'Generate' button
- Lorem Ipsum plugin panel
The selected text box fills with placeholder Lorem Ipsum text
Step 7: To add icons, open the Plugins menu again and select an icon plugin like 'Iconify'
- Top menu bar > Plugins > Iconify
Icon plugin panel opens allowing you to search and insert icons
Step 8: Search for an icon keyword and click the icon to insert it into your design
- Icon plugin panel
The chosen icon appears on the canvas where you can move and resize it
Before vs After
Before
A blank text box and empty space on the design canvas
After
The text box contains placeholder Lorem Ipsum text and icons appear in the design representing data categories
Settings Reference
Text amount
📍 Lorem Ipsum plugin panel
Controls how much placeholder text is generated
Default: Paragraphs
Icon search
📍 Icon plugin panel
Finds icons matching your keyword to insert into the design
Common Mistakes
Trying to generate placeholder text without selecting a text box first
The plugin needs a selected text box to know where to insert the text
Always select the text box before generating placeholder text
Inserting icons without checking their size and position
Icons may overlap other elements or be too large for the design
Resize and move icons after insertion to fit the layout properly
Summary
Content generation plugins add placeholder text and icons quickly to your Figma designs
They help you create realistic dashboard mockups before real data is available
Remember to select the right elements before generating content and adjust icons after insertion