The Visual Content Playbook for Napkin AI

By WithLore | withlore.co

Turn any text into professional visuals in seconds. This playbook gives you 25 ready-to-use text prompts, a content structure cheat sheet, and a visual type selector to get the best results from Napkin AI.


How Napkin AI Works (Quick Reference)

  1. Go to napkin.ai
  2. Paste or type your text
  3. Select the text you want to visualize
  4. Click the blue Generate Visual button
  5. Pick from 4-8 generated visual options
  6. Choose a style (color scheme/aesthetic)
  7. Edit as needed (all elements are editable)
  8. Export as PNG, PDF, SVG, or PPT

Credits: Free plan = 500 credits/week (~1 credit per word selected)


25 Text-to-Visual Prompts

Blog Post Visuals (5 Prompts)

1. Process Breakdown

How [Tool/Concept] works:
Step 1: [Action] — [Brief explanation]
Step 2: [Action] — [Brief explanation]
Step 3: [Action] — [Brief explanation]
Step 4: [Action] — [Brief explanation]
Step 5: [Action] — [Brief explanation]

→ Generates: Flowchart or numbered steps diagram

2. Feature Comparison

[Tool A] vs [Tool B]:
- Price: [Tool A] is $X/mo, [Tool B] is $Y/mo
- Best for: [Tool A] excels at [X], [Tool B] excels at [Y]
- Free tier: [Tool A] offers [X], [Tool B] offers [Y]
- Limitations: [Tool A] lacks [X], [Tool B] lacks [Y]
- Verdict: Choose [Tool A] for [scenario], [Tool B] for [scenario]

→ Generates: Comparison table or side-by-side layout

3. Statistics Highlight

Key statistics about [Topic]:
- 78% of marketers now use AI in at least one function
- Companies using AI see 20-30% higher campaign ROI
- Content with visuals gets 94% more views
- Infographics are shared 3x more than text posts on LinkedIn
- The average person processes visuals 60,000x faster than text

→ Generates: Data callout graphic or stats infographic

4. Timeline / History

The evolution of [Topic]:
2020: [Event/milestone]
2021: [Event/milestone]
2022: [Event/milestone]
2023: [Event/milestone]
2024: [Event/milestone]
2025: [Event/milestone]
2026: [Event/milestone — current]

→ Generates: Timeline visual

5. Pros and Cons

Advantages of [Tool/Approach]:
+ [Benefit 1]
+ [Benefit 2]
+ [Benefit 3]

Disadvantages of [Tool/Approach]:
- [Limitation 1]
- [Limitation 2]
- [Limitation 3]

→ Generates: Two-column pros/cons layout


Pitch Deck Visuals (5 Prompts)

6. Market Sizing

Market opportunity for [Product]:
- Total Addressable Market (TAM): $X billion
- Serviceable Addressable Market (SAM): $X billion
- Serviceable Obtainable Market (SOM): $X million
- Our current penetration: X%
- Growth rate: X% CAGR

→ Generates: Nested circles or funnel diagram

7. Business Model

How [Company] makes money:
Revenue stream 1: [Description] — X% of revenue
Revenue stream 2: [Description] — X% of revenue
Revenue stream 3: [Description] — X% of revenue
Average customer value: $X/year
Customer acquisition cost: $X

→ Generates: Revenue breakdown or business model canvas

8. Competitive Landscape

Competitive positioning for [Product]:
- [Competitor 1]: Enterprise-focused, expensive, full-featured
- [Competitor 2]: SMB-focused, affordable, limited features
- [Competitor 3]: Free, open-source, requires technical setup
- [Our product]: Mid-market, AI-powered, easy setup, fair pricing
Key differentiator: [What makes us unique]

→ Generates: Positioning matrix or competitive grid

9. Product Roadmap

[Product] roadmap:
Q1 2026: [Feature/milestone] — [Impact]
Q2 2026: [Feature/milestone] — [Impact]
Q3 2026: [Feature/milestone] — [Impact]
Q4 2026: [Feature/milestone] — [Impact]
2027 vision: [Big picture goal]

→ Generates: Roadmap timeline

10. Team Structure

[Company] team:
CEO: [Name] — [Background]
CTO: [Name] — [Background]
Head of Product: [Name] — [Background]
Head of Marketing: [Name] — [Background]
Engineering: X people
Sales: X people
Total: X employees

→ Generates: Org chart


Social Media Visuals (5 Prompts)

11. "Did You Know" Infographic

Did you know?
Most people spend 2+ hours per week creating visuals for social media.
AI tools can reduce this to under 10 minutes.
The average LinkedIn post with an infographic gets 3x more engagement.
Yet only 15% of marketers use AI for visual content creation.

→ Generates: Stats-focused infographic (perfect for LinkedIn)

12. Quick Tips List

5 ways to [achieve outcome]:
1. [Tip] — [One-line explanation]
2. [Tip] — [One-line explanation]
3. [Tip] — [One-line explanation]
4. [Tip] — [One-line explanation]
5. [Tip] — [One-line explanation]

→ Generates: Numbered list graphic or icon grid

13. Before/After

Before [Tool/Approach]:
- Took 45 minutes per visual
- Required design skills
- Inconsistent quality
- Limited to 1-2 visuals per post

After [Tool/Approach]:
- Takes 30 seconds per visual
- No design skills needed
- Consistent, professional quality
- 5-10 visuals per post

→ Generates: Side-by-side comparison

14. Framework/Matrix

The [Name] Framework:
High effort + High impact = Strategic investments (do these first)
Low effort + High impact = Quick wins (do these now)
High effort + Low impact = Time traps (avoid or delegate)
Low effort + Low impact = Fillers (automate or skip)

→ Generates: 2x2 matrix or quadrant diagram

15. Myth vs Reality

Myths about [Topic]:
Myth: AI visuals look generic and robotic
Reality: Modern AI tools generate editable, customizable visuals

Myth: You need design skills to create infographics
Reality: Text-to-visual tools handle the design automatically

Myth: Free AI tools are too limited to use professionally
Reality: Free tiers often provide enough for weekly content needs

→ Generates: Two-column myth/reality layout


Documentation Visuals (5 Prompts)

16. System Architecture

System architecture:
User → Frontend (React) → API Gateway → Backend Services
Backend Services → Database (PostgreSQL)
Backend Services → Cache (Redis)
Backend Services → Message Queue (RabbitMQ)
Message Queue → Worker Services → External APIs

→ Generates: Architecture diagram or system flow

17. Decision Tree

Choosing the right [tool/approach]:
Do you need real-time data? → Yes → Use [Tool A]
Do you need real-time data? → No → Do you need collaboration?
Do you need collaboration? → Yes → Use [Tool B]
Do you need collaboration? → No → Is budget limited?
Is budget limited? → Yes → Use [Tool C]
Is budget limited? → No → Use [Tool D]

→ Generates: Decision tree or branching flowchart

18. Onboarding Checklist

New employee onboarding checklist:
Day 1: Account setup, team introductions, tool access
Week 1: Product walkthrough, shadow senior team member, first task
Week 2: Independent task completion, code review participation
Month 1: First project ownership, 1:1 with manager, feedback session
Month 3: Performance review, goal setting, growth plan

→ Generates: Checklist or milestone timeline

19. API Workflow

API integration workflow:
1. Client sends POST request to /api/generate
2. Server validates authentication token
3. Server processes request and queues job
4. Worker picks up job and calls AI model
5. AI model returns generated content
6. Server stores result and sends webhook notification
7. Client receives result via webhook or polling

→ Generates: Sequence diagram or flow

20. Feature Matrix

Feature availability by plan:
Free: Basic generation, 500 credits/week, watermark, PNG export
Plus ($9/mo): 10K credits/month, no watermark, PPT/SVG export, team features
Pro ($22/mo): 30K credits/month, custom styles, brand fonts, priority support
Enterprise: Unlimited credits, SSO, custom integrations, dedicated support

→ Generates: Feature comparison matrix


Newsletter Visuals (5 Prompts)

21. Key Takeaways

Key takeaways from this week:
→ [Insight 1]: [One-line explanation]
→ [Insight 2]: [One-line explanation]
→ [Insight 3]: [One-line explanation]
→ [Insight 4]: [One-line explanation]
What this means for you: [Actionable conclusion]

→ Generates: Takeaway summary graphic

22. Industry Trends

3 trends shaping [Industry] in 2026:
Trend 1: [Name] — [Description]. Impact: [What changes]
Trend 2: [Name] — [Description]. Impact: [What changes]
Trend 3: [Name] — [Description]. Impact: [What changes]

→ Generates: Trend overview infographic

23. Tool Stack

My [Use Case] tool stack:
Research: [Tool] — [Why]
Writing: [Tool] — [Why]
Design: [Tool] — [Why]
Distribution: [Tool] — [Why]
Analytics: [Tool] — [Why]
Total monthly cost: $X

→ Generates: Stack diagram or icon layout

24. Workflow Diagram

My content creation workflow:
Monday: Research topics and outline 3 posts
Tuesday: Write first drafts
Wednesday: Generate visuals with Napkin AI, edit and refine
Thursday: Schedule posts across platforms
Friday: Analyze performance and plan next week

→ Generates: Weekly workflow or calendar visual

25. Results Summary

Results after 30 days of [Strategy]:
- Blog traffic: +45% (from X to Y visitors)
- Social engagement: +120% (from X to Y interactions)
- Email subscribers: +200 new subscribers
- Time saved on visual creation: 8 hours/week
- Content output: 3x more posts per week

→ Generates: Results/metrics dashboard graphic


Content Structure Cheat Sheet

The structure of your text determines the type of visual Napkin generates. Use these patterns:

Text Pattern Generated Visual
Numbered steps (1, 2, 3...) Flowchart or process diagram
Bullet points with categories Mind map or category layout
Comparisons (vs., compared to) Side-by-side or comparison table
Timeline dates (2020, 2021...) Timeline visual
Percentages and numbers Data chart or stats callout
Hierarchical levels (team/dept) Org chart or tree diagram
Cause → effect relationships Flow diagram with arrows
Pros/cons or advantages/disadvantages Two-column layout
Questions and answers Decision tree

Writing Tips for Better Visuals

  1. Use bullet points — Paragraph text generates generic visuals. Structured lists generate specific diagrams.
  2. Include numbers — "Revenue grew 40%" generates a data visual. "Revenue grew" generates a text box.
  3. Be specific — "5 steps to launch a product" is better than "How to launch a product."
  4. Use comparison words — "vs.," "compared to," "better than," "unlike" trigger comparison formats.
  5. Keep sections focused — Select 3-7 bullet points at a time. Too much text = cluttered visual.

Visual Type Selector

Use this decision tree to pick the right Napkin visual for your content:

What are you communicating?


Style Guide: Mapping Napkin to Your Brand

Napkin offers various built-in styles. Here's how to map them to common brand aesthetics:

Brand Aesthetic Napkin Style When to Use
Corporate / Enterprise Clean, Minimal B2B content, investor decks, docs
Startup / Tech Bold, Modern Product launches, social media
Creative / Agency Colorful, Vibrant Portfolio, social content
Professional Services Classic, Subdued Whitepapers, reports
Education / Learning Friendly, Accessible Tutorials, guides, courses

Pro tip: On the Pro plan ($22/mo), you can set custom brand colors and fonts that apply to all visuals automatically.


10 Before/After Examples

Example 1: Blog Process

Before (raw text): "To set up Napkin AI, first go to napkin.ai and create an account. Then paste your text into the editor. Select the text you want to visualize and click generate. Pick your favorite from the options. Export as PNG."

After (structured for Napkin):

Getting started with Napkin AI:
1. Create account at napkin.ai
2. Paste text into the editor
3. Select text to visualize
4. Click Generate Visual
5. Pick your favorite option
6. Export as PNG, PDF, or SVG

→ Result: Clean 6-step flowchart

Example 2: Comparison

Before: "Napkin is faster than Canva for text-to-visual work but Canva has more templates and design features. Visme is better for data but slower. Gamma is great for presentations but limited for other formats."

After:

Text-to-visual tools compared:
- Napkin AI: Fastest for text-to-visual, limited design features
- Canva: Best template library, slower for text-based visuals
- Visme: Best for data-heavy content, steeper learning curve
- Gamma AI: Best for presentations, limited for infographics

→ Result: Clean comparison matrix

Example 3: Statistics

Before: "Content with visuals gets more views. LinkedIn posts with infographics do better. Most marketers don't use AI yet."

After:

Visual content statistics:
- 94% more views for content with relevant visuals
- 3x higher engagement for infographic posts on LinkedIn
- Only 15% of marketers use AI for visual content creation
- 60,000x faster: how humans process visuals vs text

→ Result: Bold stats infographic with callout numbers

(Examples 4-10 follow the same pattern — restructure prose into bullets/lists for dramatically better Napkin output)


Quick Reference Card

Action How
Generate visual Select text → blue Generate button
Change style Click style picker after generation
Edit element Click any element to select and modify
Regenerate Click Generate again for new options
Export File → Export → Choose format
Collaborate Share button → Invite team members

Free plan limits: 500 credits/week, watermark on exports Best upgrade: Plus at $9/mo removes watermark, adds PPT/SVG export


Made with care by WithLore — tools, tutorials, and strategies for creative teams.