journey-figma-creator

Convert structured research markdown documents into user journey visualizations in Figma.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/uh-joan/ux-research-skills --skill journey-figma-creator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: journey-figma-creator
Source: https://github.com/uh-joan/ux-research-skills/tree/main/.claude/skills/journey-figma-creator
Command: npx skills add https://github.com/uh-joan/ux-research-skills --skill journey-figma-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of detailed, visual user journey maps in Figma from structured markdown research documents, streamlining the visualization process.

Core Features & Use Cases

  • Automated Visuals: Converts markdown research data into well-structured, design-rich journey maps within Figma.
  • Customizable Layouts: Supports multi-page, multi-phase, and zone-based templates for diverse presentation formats.
  • Use Case: Imagine a research team needing to quickly visualize interview insights; this skill processes markdown files of those insights, generating professional journey diagrams for stakeholder review.

Quick Start

Use the journey-figma-creator skill to generate a complete user journey map from your research markdown file, integrated seamlessly into Figma.

Frequently Asked Questions about journey-figma-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert markdown research files into user journey maps in Figma?

You can convert markdown research files into user journey maps in Figma by using an automated skill that processes structured markdown documents and generates visual journey diagrams. This eliminates manual layout work and streamlines the mapping process.

What is an automated user journey map generator and how does it work?

An automated user journey map generator parses structured markdown research data and translates it into design-rich visualizations within Figma. It works by mapping text insights to pre-defined layout zones to create comprehensive phase-based diagrams.

Do I need Figma API access to automate journey map creation?

Yes, you need Figma API access to automate journey map creation. The tool requires API connectivity to clone templates or auto-fill layouts directly within your Figma workspace, ensuring seamless integration.

Can I create multi-phase or multi-page journey map layouts from research insights?

Yes, you can create multi-phase and multi-page journey map layouts from research insights. The automation supports customizable, zone-based templates, allowing you to adapt the visualization format for diverse stakeholder presentations.

What is the best way to visualize user experience research for stakeholder presentations?

The best way to visualize user experience research for presentations is converting markdown research insights into professional Figma journey maps. This approach transforms raw data into structured, visual diagrams ideal for stakeholder reporting.

Are there limitations when auto-filling Figma templates with markdown data?

Limitations when auto-filling Figma templates with markdown data include relying on structured markdown formatting for accurate parsing. Unstructured text may not map correctly to the zone-based layouts, requiring manual adjustments.