Back to Plugins
Comics-Panel-Creator

Comics-Panel-Creator

Turn dialogue into polished comics—smart bubbles, random poses, clean 3×N layout.

Plugin Preview

Comics-Panel-Creator preview

About this plugin

This plugin turns a dialogue script into storyboard-ready comic frames. It auto-places characters, builds speech bubbles with correct tails, and adds variety by randomly picking a variant (pose/emotion) from each character’s Component Set.


Key features

Smart speech bubbles. Horizontal or vertical bubble-wrap with negative spacing, centered content, subtle shadow, and tails on the correct side (front row: left/right; back row: bottom). Anti-overlap logic, min vertical gaps, and clamping to canvas; the left front bubble is lifted by 100 px to avoid collisions.


Character variants. For any mapped character, the plugin randomly swaps to a variant from its Component Set (pose/emotion), so scenes feel less uniform. Toggle randomness off if you want neutral poses.


Story & Quiz layouts. Renders a fixed 3×N board on a page named “Comic Output (plugin)”. Story frames: 1152×768; Quiz frames: 1152×486. Frames are named step-{order}.


Text that fits. Inter/Roboto fallback, automatic font sizing and wrapping within your set max width/height.


Speaker mapping. Map speakers to components via Pick or URL; mappings are cached locally with clientStorage.


How to use

  1. Map each speaker to a character component (Pick from canvas or paste a Figma link).
  2. Paste or load your story/quiz dialogues.
  3. (Optional) Toggle Randomize variants.
  4. Click Render — the plugin composes frames, places characters, and draws bubbles with tails.


Permissions & privacy

  1. Works entirely inside your file; no network calls.
  2. Reads/writes nodes in the current document.
  3. Stores speaker-component mappings locally on your machine via clientStorage (you can clear them anytime).


Tip: For best results, keep characters as Component Sets with at least 4 pose/emotion variants.

Plugin Details

Version1
CreatedSeptember 12, 2025
Last UpdatedSeptember 16, 2025
Categorydesign-tools-other
CreatorNataly Stepanova
Stats79 installs, 1 likes
PricingFree

Technical Details

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