Markdown to Figma

About this plugin

Markdown to Figma – Advanced Importer brings powerful GitHub-Flavored Markdown support directly into Figma. It transforms Markdown documents into clean auto-layout frames with proper spacing, hierarchy, and styling.

Ideal for design systems, technical documentation, UX specs, product requirements, onboarding docs, and color palettes.

The plugin parses headings, paragraphs, inline styles, lists, blockquotes, code blocks, tables, and even detects hex color values like #14392F—automatically generating color swatches next to their values inside tables.

Everything is rendered using Figma's auto-layout for a clean, consistent, designer-friendly result.

Core Features

Smart Typography

Headings H1–H6 with a consistent type scale

Paragraphs

Inline formatting:

Bold

Italic

Strikethrough

Inline code (monospace)

Automatic text resizing and line-height optimization

Advanced Table Support

Full GFM-style table parsing

Automatic hex color detection (#14392F, #BEE9B2, etc.)

Swatches generated directly in table cells

Zebra striping for better readability

Stable auto-layout without collapsing columns

Lists & Structural Elements

Bullet and numbered lists

Blockquotes with styled container

Horizontal rules

Fenced code blocks with dark background and monospace

Clean Figma Layouts

Full auto-layout vertical flow

Proper padding, spacing, alignment

Thoughtfully minimal design

Inter and Roboto Mono font support

Perfect For

Design systems

Color palettes & brand guidelines

UX / UI documentation

Developer handoff

Engineering specs

Product requirements

Tech writing workflows

Example

Paste:

# Color System

## Primary Palette

| Name | Hex | Usage |

| --- | --- | ------ |

| EGS Main | `#14392F` | Depth, anchor color |

| EGS Pear | `#BEE9B2` | Buttons, accents |

The plugin instantly generates a clean, styled layout with color swatches, proper typography, spacing, and auto-layout.

CHANGELOG (v1.0.0)

v1.0.0 — Initial Release

Full Markdown (GFM subset) import

Heading, paragraph, list, and blockquote support

Code blocks & inline code

Advanced table rendering

Hex color detection + swatches

Proper auto-layout structure

Polished default spacing, padding, and typography

KEYWORDS

markdown

documentation

import

converter

design system

developer handoff

technical writing

color palette

hex color

table

auto layout

code block

UX writing

GFM

specs

CREDITS

Developed by Sedra Rabemanantsoa

CTO & Co-Founder — OUIKAMS

Find me on LinkedIn: Sedra Rabemanantsoa