Radial & Angular Blur FX

About this plugin

Figma’s native layer blur is great, but it can’t create direction, rotation, or zoom. This plugin brings the missing Photoshop-grade Radial and Angular (Spin) tools directly to your canvas, powered by a lightning-fast WebGL engine.Blur TypesRadial Blur (Zoom). Simulates rushing toward or away from a point (motion graphics, depth of focus).Spin Blur (Angular). Rotates pixels around a center (energetic, surreal visuals).Key FeaturesGPU-Accelerated Rendering — WebGL-powered blur for 5–10x 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. Drag directly on the preview to move the blur center, with live feedback as you go.Dual Selector Modes — Choose your blur center two ways:Grid Mode – Quick selection from 5×5 grid (25 positions)Square Mode – Precise pixel-perfect positioningBoth modes stay perfectly synchronized!Smooth Intensity Slider — From whisper-soft haze to dramatic streaks (0–100).Anaglyph 3D (optional) — Toggle on top of either blur for a subtle red/cyan offset (retro depth accents).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 Workflow1. 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. Optionally toggle Anaglyph 3D for a retro depth accent.6. Zoom in/out as needed to inspect details.7. Apply the blur — undo-friendly and non-destructive.Perfect ForUI/UX designers, illustrators, social-media creators, or anyone who wants studio-grade motion blurs with instant rendering inside Figma.Technical DetailsBuilt with TypeScript, Figma Plugin API, WebGL shaders, and Amplitude telemetry for anonymous usage insights. Works in Figma design files (not FigJam).Changelogv2.1.0- Drag directly on the preview to move the blur center, with live updates as you drag- Square selector is now the primary center control; simplified, clearer center marker- Sharper, near-full-resolution preview while dragging, especially at high intensity- Fixed a size mismatch between the drag preview and the final applied blur- Fixed spin blur's center marker drifting during preview on off-center pointsv2.0.1- Fixed rendering not completing in Safari (image loading now uses a Safari-compatible path)- Fixed radial and spin blur accuracy on non-square images- General blur-quality and dithering consistency improvementsv2.0.0- GPU-accelerated rendering via WebGL for a major performance jump- 160-layer sampling, anti-banding, and improved alpha blending- 512px high-resolution live preview with zoom controls- Grid + Square selector modes, kept in syncHelpTweet/X me @antongridz for feedback and help.