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 featuresSmart 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 useMap each speaker to a character component (Pick from canvas or paste a Figma link).Paste or load your story/quiz dialogues.(Optional) Toggle Randomize variants.Click Render — the plugin composes frames, places characters, and draws bubbles with tails.Permissions & privacyWorks entirely inside your file; no network calls.Reads/writes nodes in the current document.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
Stats135 installs, 3 likes
PricingFree

Technical Details

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