Back to Plugins
Radial & Angular Blur FX

Radial & Angular Blur FX

Lightning-fast GPU blur with live preview, dual selector modes, 512px preview, and studio quality.

Plugin Preview

Radial & Angular Blur FX preview

About this plugin

Figma Plugin Description

Radial & Spin Blur is a professional Figma plugin that lets you add cinematic zoom or spin blurs in seconds with lightning-fast GPU-accelerated rendering β€” keeping full creative control while delivering studio-grade results.


Blur Types

Radial Blur (Zoom). Simulates rushing toward/away from a point (motion graphics, depth focus).

Angular Blur (Spin). Rotates pixels around a center (energetic, surreal visuals).

Anaglyph 3D (optional). Adds subtle red/cyan offset (retro depth accents).


Key Features

πŸš€ GPU-Accelerated Rendering – WebGL-powered blur for 5–10x (up to 100x) faster performance. Render large images instantly without lag.

⚑ High-Quality Output – 160 sampling layers, high-precision rendering, proper alpha blending, and anti-banding techniques for professional-grade quality.

🎨 Enhanced Live Preview – 512px high-resolution preview with adjustable zoom (50%–200%) to inspect every detail before applying.

πŸ“ Dual Selector Modes – Choose your blur center two ways:

- Grid Mode – Quick selection from 5Γ—5 grid (25 positions)

- Square Mode – Precise pixel-perfect positioning

Both modes stay perfectly synchronized!

🎚️ Smooth Intensity Slider – From whisper-soft haze to dramatic streaks (0–100).

πŸ“ Large-Image Support – Works on layers/frames up to 4096px with smart scaling.

βœ‚οΈ No Clipping – Advanced padding logic prevents cut-offs even at high values or off-center points.

✨ One-Click Apply – Happy with the look? Hit Apply and you’re done.

🎯 Modern UI – Fast, accessible, dark-mode aware.

πŸ“Š Usage Analytics – Pseudonymous event data sent to Amplitude to improve performance and roadmap decisions (no personal identifiers collected).


Typical Workflow

1. Select a layer or frame (≀ 4096px).

2. Pick Radial (Zoom) or Spin (Angular).

3. Choose your blur center using Grid or Square mode.

4. Set intensity (0–100) and preview the result in high resolution.

5. Zoom in/out as needed to inspect details.

6. Apply the blurβ€”undo-friendly and non-destructive.


Perfect For

UI/UX designers, illustrators, social-media creators, or anyone who wants studio-grade motion blurs with instant rendering inside Figma.


Technical Details

Built with TypeScript, Figma Plugin API, WebGL shaders, and Amplitude telemetry for anonymous usage insights.


What's New in v2.0.0

⚑ GPU Acceleration – WebGL rendering for instant performance

🎨 Enhanced Quality – 160 layers, anti-banding, perfect alpha blending

πŸ–ΌοΈ Better Preview – 512px resolution with zoom controls

πŸ“ Flexible Selectors – Grid + Square modes with sync


Help

Tweet/X me @antongridz for feedback and help.

Plugin Details

Version2
CreatedNovember 8, 2024
Last UpdatedOctober 31, 2025
Categoryediting & effects plugins
CreatorAnton Gridz
Stats352 installs, 47 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.eu.amplitude.com
    • https://cdn.amplitude.com
    • https://cdn.eu.amplitude.com