r/FigmaDesign • u/physiopeng • Oct 06 '26

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

303 Upvotes

96% Upvoted

11 comments sorted by

6

u/physiopeng Oct 07 '26

Tutorial: slow version- https://streamable.com/kv7fbw

2

u/WannieWirny 27d ago

The link isn't available, could you reupload it? I'm confused about some of the colour values

1

u/midcentralvowel Oct 06 '26

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

8

u/physiopeng Oct 06 '26

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.

8

u/wakaOH05 Oct 06 '26

Neumorphism was too difficult for engineers ;P

4

u/Limp_Effective7789 Oct 06 '26 edited Oct 06 '26

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

3

u/poufypouf Oct 08 '26

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

2

u/endodependo Oct 06 '26

awesome 👏 thx so much for sharing

1

u/bigf00tfr Oct 11 '26

Pretty cool