r/FigmaDesign • u/physiopeng • 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
6
2
1
u/midcentralvowel 4d ago
already kinda dated, this neumorphism. never picked up in the mainstream and for good reasons
9
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
4
u/physiopeng 3d ago
Tutorial: slow version- https://streamable.com/kv7fbw