Back to Plugins

Long Shadow Maker
The fastest way to create performance-friendly long shadows in Figma.
Plugin Preview
About this plugin
What it does
Long Shadow Maker duplicates your selected layer(s) along a direction you choose, then unions and flattens those copies into one fused vector. The result looks identical to the classic Illustrator “Transform > Copy” look—without hundreds of live layers.
Key features
- Angle dial + numeric input (0–360°) for precise direction.
- Offset per copy and copy count controls (e.g., 1px × 150 copies).
- Single vector output via Union → Flatten for speed.
- Exact color & opacity (reapplied post-merge to avoid defaults).
- Place behind original; optional delete intermediate copies.
- Keep original fill toggle (or recolor all copies).
- Progress UI with spinner & mini progress bar.
- Works on text, shapes, groups, frames; auto-loads fonts in selection.
- ES5-safe; no external calls, no data collection.
How to use
- Select one or more layers (text or vector).
- Drag the direction dial (or type an angle).
- Set Offset per copy and Copies.
- Choose Shadow Color and Opacity.
- (Optional) Check Place merged shadow behind and Delete copies.
- Click Create Shadow. Your output appears as “Long Shadow (Merged)”.
Why it’s different
- Performance-minded: one vector, not 150 live layers.
- Clean results: strokes cleared, fill forced to your chosen color.
- Predictable geometry: classic stepped long-shadow look that matches Illustrator workflows.
Great for
- Hero headlines, promo banners, posters, social graphics, badges, and bold typographic lockups.
- Compatibility & notes
- Figma Desktop/Web.
- Ignores locked/hidden nodes.
If Figma can’t boolean a very complex node, the plugin notifies you (reduce copies/step or flatten input first).
Plugin Details
| Version | 1 |
|---|---|
| Created | September 17, 2025 |
| Last Updated | September 17, 2025 |
| Category | fonts-typography |
| Creator | Brandon |
| Stats | 115 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 fonts-typography category.