Lorem ipsum is the default placeholder text in design and development, but it's worth knowing how to use it efficiently. Here's a practical reference covering lengths, output formats, and shortcuts for every major design tool.
Lorem Ipsum Length Reference
| Mode | Count | Approx Words | Best For |
|---|---|---|---|
| Words | 5–10 | 5–10 | Button labels, nav items |
| Sentences | 1 | 12–18 | Tooltips, captions |
| Sentences | 3 | 35–55 | Card descriptions |
| Paragraphs | 1 | 50–80 | Single content block |
| Paragraphs | 3 | 150–240 | Article excerpt |
| Paragraphs | 5 | 250–400 | Full article body |
| Paragraphs | 10 | 500–800 | Long-form page test |
Output Format — When to Use Each
- Plain text — Google Docs, Notion, email editors
- HTML
tags — HTML files, CMS template testing - Markdown — README files, documentation,
.md files - JSON array — API mocks, test fixtures, frontend code
Design Tool Shortcuts
| Tool | Method |
|---|---|
| Figma | Plugins → "Lorem ipsum" (community plugin) |
| Adobe XD | Right-click text → Edit → Paste Lorem Ipsum |
| Sketch | Edit → Insert Lorem Ipsum |
| InDesign | Type → Fill with Placeholder Text |
| WordPress (Gutenberg) | Type /lorem in a new paragraph block |
| VS Code (HTML) | Type lorem, press Tab (Emmet) |
Programmatic Generation
JavaScript:
`<code>js</p>
<p>import { faker } from '@faker-js/faker';</p>
<p>faker.lorem.paragraphs(3);</p>
<p>faker.lorem.sentence();</p>
</code>
Python:
<code>python
<p>import lorem</p>
<p>lorem.paragraph()</p>
<p>lorem.sentence()</p>
</code>`
When to Stop Using Lorem Ipsum
Lorem ipsum is useful for wireframes and layout tests. Switch to real content when:
- Stakeholders are reviewing designs (lorem distracts them into editing words)
- Hero sections and CTAs where copy length matters
- Any component where word count or line breaks affect the layout
For quick generation in any format, a browser-based lorem ipsum generator is the fastest path — no installs, no plugins.
Originally published at https://snappytools.app/lorem-ipsum-generator/