Back to Plugins
Long Shadow Maker

Long Shadow Maker

The fastest way to create performance-friendly long shadows in Figma.

Plugin Preview

Long Shadow Maker 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

  1. Angle dial + numeric input (0–360°) for precise direction.
  2. Offset per copy and copy count controls (e.g., 1px × 150 copies).
  3. Single vector output via Union → Flatten for speed.
  4. Exact color & opacity (reapplied post-merge to avoid defaults).
  5. Place behind original; optional delete intermediate copies.
  6. Keep original fill toggle (or recolor all copies).
  7. Progress UI with spinner & mini progress bar.
  8. Works on text, shapes, groups, frames; auto-loads fonts in selection.
  9. ES5-safe; no external calls, no data collection.


How to use

  1. Select one or more layers (text or vector).
  2. Drag the direction dial (or type an angle).
  3. Set Offset per copy and Copies.
  4. Choose Shadow Color and Opacity.
  5. (Optional) Check Place merged shadow behind and Delete copies.
  6. Click Create Shadow. Your output appears as “Long Shadow (Merged)”.


Why it’s different

  1. Performance-minded: one vector, not 150 live layers.
  2. Clean results: strokes cleared, fill forced to your chosen color.
  3. Predictable geometry: classic stepped long-shadow look that matches Illustrator workflows.


Great for

  1. Hero headlines, promo banners, posters, social graphics, badges, and bold typographic lockups.
  2. Compatibility & notes
  3. Figma Desktop/Web.
  4. 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

Version1
CreatedSeptember 17, 2025
Last UpdatedSeptember 17, 2025
Categoryfonts-typography
CreatorBrandon
Stats115 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