Comics-Panel-Creator
Turn dialogue into polished comics—smart bubbles, random poses, clean 3×N layout.
Plugin 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
- Map 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 & privacy
- Works 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
Version | 1 |
---|---|
Created | September 12, 2025 |
Last Updated | September 16, 2025 |
Category | design-tools-other |
Creator | Nataly Stepanova |
Stats | 79 installs, 1 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-tools-other category.