Home
cd ../playbooks
Creative & DesignIntermediate

Infographic Layout Designer

Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.

10 minutes
By communitySource
#infographic#visual-design#data-storytelling#layout#marketing

You have great data and no idea how to make it visual. Should it flow top-to-bottom or left-to-right? What gets an icon vs. a chart? How do you make 12 data points tell a story instead of looking like a spreadsheet with clip art?

Who it's for: marketers creating infographics without a designer, content teams turning reports into shareable visuals, data teams making findings presentable to non-technical audiences, social media managers producing visual content, anyone who needs to make data look good and tell a story

Example

"Design an infographic layout for our annual customer survey results" → Content structure with visual hierarchy, section flow, icon recommendations, chart type selections for each data point, color palette, and detailed specs a designer can implement in Figma or Canva

CLAUDE.md Template

New here? 3-minute setup guide → | Already set up? Copy the template below.

Or install from your terminal:
npx ccplaybooks add infographic
# Infographic

## Overview

I help you design infographics by planning layouts, structuring content, and creating visual hierarchies that tell compelling data stories. I provide detailed specifications that designers can implement.

**What I can do:**
- Plan infographic layouts and structure
- Organize content for visual impact
- Recommend visual elements (icons, charts, imagery)
- Create text hierarchy and copy
- Suggest color schemes and typography

Get new playbooks like this one

One email a week with new Claude Code workflows. Free, like everything here.

No spam. Unsubscribe anytime.

README.md

What This Does

I help you design infographics by planning layouts, structuring content, and creating visual hierarchies that tell compelling data stories. I provide detailed specifications that designers can implement.


Quick Start

Step 1: Create a Project Folder

mkdir -p ~/Documents/Infographic

Step 2: Download the Template

Click Download above, then:

mv ~/Downloads/CLAUDE.md ~/Documents/Infographic/

Step 3: Start Working

cd ~/Documents/Infographic
claude

How to Use

Step 1: Define Your Goals

Tell me:

  • Topic/subject of the infographic
  • Key message or takeaway
  • Target audience
  • Where it will be used (social media, print, web)
  • Any data or statistics to include

Step 2: Choose Infographic Type

  • Statistical: Data-heavy with charts
  • Timeline: Chronological information
  • Process: Step-by-step flow
  • Comparison: Side-by-side analysis
  • Geographic: Location-based data
  • Hierarchical: Organizational structure
  • List: Ranked or categorized items

Step 3: Receive Design Spec

I'll provide:

  • Layout wireframe
  • Content sections with copy
  • Visual element recommendations
  • Color and typography suggestions
  • Size specifications

Output Format

# Infographic Design Specification: [Title]

**Type**: [Statistical/Timeline/Process/etc.]
**Dimensions**: [Width x Height in pixels]
**Orientation**: [Portrait/Landscape]
**Target Platform**: [Social media/Print/Web]

---

Tips

  1. Start with a hook - Lead with most interesting data
  2. One main message - Don't try to say everything
  3. Simplify data - Round numbers, highlight key figures
  4. Use visual metaphors - Make abstract concepts concrete
  5. Maintain hierarchy - Clear importance levels
  6. Cite sources - Build credibility
  7. Brand it - Logo, colors, website

Limitations

  • Cannot create actual graphics
  • Cannot generate images
  • Specifications need designer implementation
  • Complex custom illustrations need artists

$Related Playbooks

Creative & Design

AI Image Enhancer — Upscale & Sharpen Photos with Claude Code

Upscale low-resolution images, sharpen blurry photos, and remove compression artifacts using Claude Code. Batch-process screenshots, product photos, and graphics for professional quality.

5 minutes
Beginner
Creative & Design

Markdown to Slides Converter

Convert Markdown files into professional presentations exportable to PDF, PPTX, or HTML using Marp.

10 minutes
Beginner
Creative & Design

Structured Design Critique System

A persistent, multi-round design critique pipeline: scope which of 19 design areas your project actually needs, generate real HTML wireframe options for each, collect Keep/Cut feedback, and let locked decisions constrain everything downstream.

15 minutes
Advanced
Creative & Design

Narrative Slide Creator

Narrative-first slide deck creation — design a structured narrative (the ABCDEFG model) first, then generate the visuals, so the story drives the design rather than the other way around.

15 minutes
Intermediate
Creative & Design

Scientific Markdown Mermaid Writing

Comprehensive markdown and Mermaid diagram writing skill. Use when creating any scientific document, report, analysis, or visualization. Establishes text-based diagrams as the default documentation standard with full style guides (markdown + merma...

5 minutes
Beginner
Creative & Design

Scientific Markitdown

Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR), audio (with transcription), HTML, CSV, JSON, XML, ZIP, YouTube URLs, EPubs and more.

5 minutes
Beginner
Creative & Design

Scientific Paper 2 Web

This skill should be used when converting academic papers into promotional and presentation formats including interactive websites (Paper2Web), presentation videos (Paper2Video), and conference posters (Paper2Poster). Use this skill for tasks invo...

10 minutes
Intermediate
Creative & Design

Scientific Pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDF...

5 minutes
Beginner
Creative & Design

Scientific Pptx Posters

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern w...

10 minutes
Intermediate
Creative & Design

Scientific Pptx

'Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file (even if the extracted content w...

5 minutes
Beginner
Creative & Design

Scientific Scientific Slides

Build slide decks and presentations for research talks. Use this for making PowerPoint slides, conference presentations, seminar talks, research presentations, thesis defense slides, or any scientific talk. Provides slide structure, design templat...

10 minutes
Intermediate
Creative & Design

Scientific Xlsx

'Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, c...

5 minutes
Beginner

Browse all Creative & Design playbooks →