Back to Plugins
Neumorphism Shadow Generator

Neumorphism Shadow Generator

Create stunning neumorphic designs with customizable shadows, auto-gradients, colors and shape form

shadow stylesneumorphism designneumorphism uineumorphicneumorphismneumorphismuishadow generatorgradientssoft shadowsshadow

Plugin Preview

Neumorphism Shadow Generator preview

About this plugin

Easy-to-use plugin for creating beautiful neumorphic shadow effects.


Customize shadows, auto-gradient generator to match color and light, modify the shape to see how it behaves in different border radius and sizes to achieve sleek, modern designs with a few clicks.


  1. Generate the shadow
  2. Insert the primitive shape to Figma
  3. Copy the styles and paste them onto your ui element (Text, Frame, Rectangle, etc)
  4. The inserted element serves as documentation when saving the generated shadow as a style


Features:

  1. Customizable Light Source: Adjust the direction of the light source to create the perfect shadow effect.
  2. Shadow Intensity Control: Fine-tune the depth and softness of shadows to enhance the neumorphic look.
  3. Gradient or Solid Backgrounds: Easily switch between gradient or solid color backgrounds to match your design.
  4. Shape Customization: Choose from flat, concave, convex, or pressed styles for a variety of neumorphic effects.
  5. Corner Radius Control: Modify the corner radius to achieve soft, rounded edges or sharp corners.
  6. Dynamic Box Shadows: Generate and customize shadows for elements, including support for inner shadows.
  7. Real-time Updates: Automatically apply changes to your selected design element in real time.
  8. Seamless Figma Integration: Works directly within Figma with a user-friendly interface.


Check other cool plugins ->

Plugin Details

Version3
CreatedSeptember 18, 2024
Last UpdatedSeptember 20, 2024
Categoryediting & effects plugins
CreatorEugenio Ciccale
Stats363 installs, 36 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none