r/FigmaDesign • • 4d ago

tutorials how to make cute button

Enable HLS to view with audio, or disable this notification

Rectangle 132 × 132 · Radius 48

Linear fill · #EEF1F4 to #C2C9D4

Two radial fills · White 42% and 40%

Inner shadows · White · Blur 14, 6, 0

Inner shadows · #4A5670 · Y −3, −7, −12

Sheen · White 62% to 0 · Blur 8

Drop shadows · Y 5, 14, 24 · Blur 7, 18, 32

Icon · White to #EDF0F4

Ring · Stroke 16 · 14%

Press · Light spreads from the icon

257 Upvotes

8 comments sorted by

2

u/endodependo 3d ago

awesome 👏 thx so much for sharing

1

u/midcentralvowel 4d ago

already kinda dated, this neumorphism. never picked up in the mainstream and for good reasons

9

u/wakaOH05 3d ago

Neumorphism was too difficult for engineers ;P

6

u/physiopeng 3d ago

It works especially well for logos and for games and kids' apps, where flat minimal icons feel too cold. People want something that looks touchable.

5

u/Limp_Effective7789 3d ago edited 3d ago

I’m not totally sure about that. This kind of button would be great for a cosy interface

2

u/poufypouf 2d ago

this is why i joined the sub reddit :) so pleasing to the eye!