0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#8 in Effects & Textures

Glassmorphism

Add a sense of depth and texture to your designs.

by offbit.engineering

users
146K
likes
2.5K
saves
25K
comments
21
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v2 · Dec 8, 2023
First published
Jan 17, 2023
Publisher
offbit.engineering
On this page
Overview

About Glassmorphism

Glassmorphism is a free Figma plugin published by offbit.engineering in 2023. It works in Figma Design and has 145,760 users and 2,484 likes on the Figma Community. It ranks #8 in Effects & Textures on our lists.

In the developer's words

This plugin enables you to preview the effect in real-time directly within the canvas.

Glassmorphism is a popular design trend in user interface (UI) design that creates a frosted glass effect on elements such as buttons, panels, and cards. This effect is achieved by using blurred, semi-transparent backgrounds overlaid with elements that appear to be floating above the background. The result is a visually appealing, three-dimensional effect that creates a sense of depth and transparency in the UI design. Glassmorphism has gained popularity in recent years as it adds a modern, sleek look to UI designs.

Changelog

What's new

Version 2 · released Dec 8, 2023

  • Minor changes because of Figmas Version 1, Update 82
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Glassmorphism ranks

Compare

Glassmorphism alternatives

  1. 1

    Noise

    by Dustin Mierau

    702K users11KFree + $5 upgrade

    Pixel perfect noise texture generation for Figma.

    View details
  2. 2

    Noise & Texture

    by Rogie King

    639K users15KFree

    Generate dynamic seamless noise, textures, patterns and animated shaders. Add compound effects.

    View details
  3. 3

    Beautiful Shadows

    by Alex Widua

    569K users11KFree

    Create smooth and beautiful shadows

    View details
  4. 4

    Morph

    by Milan Maheshwari

    348K users7KFree

    Create awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!

    View details
  5. 5

    Filter / effects

    by Andreslav Kozlov

    342K users4KFree + paid features

    Modify images more than 50 different effects right in Figma!

    View details
  6. 6

    Noisy Gradients

    by vijay verma

    322K users6KFree

    Create beautiful grainy gradient backgrounds

    View details
FAQ

Glassmorphism FAQ

What does Glassmorphism do?

Add a sense of depth and texture to your designs. It's a Figma plugin by offbit.engineering that runs in Figma Design.

Is Glassmorphism free?

Yes. Glassmorphism is free to install and run from the Figma Community, with no paid tier listed.

How do I install Glassmorphism?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Glassmorphism?

By user count, the closest alternatives are Noise, Noise & Texture and Beautiful Shadows. Compare all of them on the best Figma plugins for effects & textures.

For developers

Built this plugin?

Use this page as a landing page for Glassmorphism: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Glassmorphism on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/glassmorphism/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Glassmorphism on figmaplugins.co" width="220" height="48"></a>