Liquid Glass

Hi, I'm Dylan de Heer, co-founder of Square One. We built this free plugin to help designers create stunning Apple-inspired glass effectsApple's latest design direction features beautiful liquid glass elements - from iOS interfaces to macOS windows. These effects create depth and sophistication, but recreating them manually in Figma was time-consuming and often inconsistent.

So we built Liquid Glass to bring Apple's authentic glass physics directly to your Figma workflow.

What Apple's Glass Language Looks LikeApple's new glass effects aren't just simple transparency. They feature:

Dynamic lighting that responds to light source positionMulti-layer depth with inner shadows and highlightsVariable blur that creates realistic thicknessSmart transparency that adapts to brightness conditionsOur plugin recreates these exact specifications.

What We BuiltAuthentic Apple Glass PhysicsReal light calculations with proper shadow casting5-layer rendering system matching Apple's approachDynamic transparency that responds to lighting directionInteractive Light ControlDrag a light source around a glass sphere interfaceWatch shadows and highlights update in real-timeFind the perfect lighting angle with immediate feedbackPhysics-accurate shadow positioningAdvanced Glass ControlsBrightness slider: Seamlessly blend from dark to light glassDiffusion slider: Adjust blur and glass thicknessDynamic shadows: Inner and drop shadows that follow light directionSmart blending: Automatic blend modes for authentic appearanceProfessional WorkflowNon-destructive preview - experiment safelyOne-click apply when you're satisfiedInstant reset to return to original designsBatch processing for multiple objectsPerfect For Apple-Style DesignInterface ElementsNavigation bars with subtle depthCard components with professional transparencyModal overlays with authentic blurButton states with glass highlightsModern Product DesignHero sections with premium glass feelDashboard panels with layered transparencyMobile interfaces matching iOS aestheticsmacOS-style window treatmentsHow It WorksWe focused on simplicity:

Select your objects in FigmaOpen Liquid Glass pluginDrag the light source to position lightingAdjust brightness and diffusion slidersApply to make changes permanentThe plugin handles all the complex Apple-specification calculations while you focus on the design.

Technical Implementation5-Layer Glass SystemBackground blur (4-40px based on diffusion)Brightness-dependent fill (black/white with dynamic opacity)Tight inner shadow for sharp light reflectionSoft inner shadow for light diffusionDual drop shadows for realistic depthPhysics-Based LightingShadows cast away from light sourceHighlights positioned toward light sourceProper angular calculations for realistic effectsReal-time updates as you adjust lightingPerformance Optimized60fps smooth interactionsGPU-accelerated draggingSmart caching for complex projectsOptimized for professional workflowsOur PhilosophyAt Square One, we believe powerful design tools should be accessible to everyone. That's why Liquid Glass is completely free.

We're designers ourselves, and we built this tool the way we wish all plugins worked:

Intuitive - No learning curve requiredPowerful - Professional Apple-quality resultsFast - Smooth, responsive interactionsFree - No subscriptions or hidden costsGet StartedCompletely free foreverWorks with all Figma plansRegular updates based on Apple's evolving design languageBuilt by designers who use it dailyLiquid Glass brings Apple's sophisticated glass effects to your Figma workflow. We're excited to see how it enhances your designs.

Dylan de HeerCo-founder, Square One