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 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
| Version | 1 |
|---|---|
| Created | September 12, 2025 |
| Last Updated | September 16, 2025 |
| Category | design-tools-other |
| Creator | Nataly Stepanova |
| Stats | 135 installs, 3 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.