Back to Plugins
Markdown to Figma

Markdown to Figma

Paste Markdown get a match in Figma

Plugin Preview

Markdown to Figma preview

About this plugin

A Figma plugin that converts GitHub‑flavored Markdown into a structured Figma frame — headings, paragraphs, lists, tables, code blocks, callouts and inline formatting are all turned into native auto‑layout text and frames.Paste Markdown into the plugin UI, hit **Render**, and a `md2fig` frame is added to the current page. Supported syntaxBlock elementsHeadings # … ###### (and Setext === / --- underlines)Paragraphs with hard line breaks ( , \\,
)Block quotes (multi‑line, lazy continuation)Alerts — > [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION] styled with GitHub's color paletteFenced code blocks ``` and ~~~Unordered, ordered, and nested lists (-, *, +, 1., 1))Task lists - [ ] / - [x] rendered with ☐ / ☑Tables — header row, column alignment (:---:), escaped pipes (\|), inline formatting in cellsHorizontal rules ---, ***, ___Footnotes [^id] — collected into a footnotes section at the bottom of the frameInline elementsBold (** and __) and italic (* and _) with word‑boundary checks for underscore variantsBold italic combos (***x***, ___x___, **_x_**, __*x*__)Strikethrough (~~x~~ and ~x~)Inline code with multi‑backtick fences ( code with ` inside )Inline links [text](url) with paren‑balanced URL parsing (URLs containing ) work)Reference‑style links [text][id], [text][], shortcut [id]Bare URL autolinks (https://…, www.…) and / autolinksImages ![alt](url) — placeholder span with the URL preserved as a hyperlink (no network fetch), , (underline),
, Emoji shortcodes :smile: (curated set of ~50 common GitHub codes)Backslash escapes for all Markdown punctuation (\*, \_, \|, \[, …)Not yet supportedReal raster image embedding (would require network access to fetch bytes) element / theme‑aware imagesColor model swatches ( #0969DA etc.)@mentions, #issue references, custom autolink references — these need a base repo URL to resolveSection anchor links ([…](#heading) is rendered as a link but no anchor target is generated)

Plugin Details

Version4
CreatedAugust 28, 2025
Last UpdatedJune 19, 2026
CategoryImport & export plugins
CreatorMilanov, Kalin
Stats29 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none