Natko Hasic's banner

Natko Hasic

@natkohasic • 9,625 subscribers

❋ Building @somedayapp - https://t.co/CXf3ecN3hi → Designer → Interfaces / systems / motion

Shorts

Page dividers in Figma is a feature I’m badly missing. Seeing how many projects in the community use the “hack” on the left makes me think I’m not the only one. And yes, this is a Figma prototype of... Figma.

Page dividers in Figma is a feature I’m badly missing. Seeing how many projects in the community use the “hack” on the left makes me think I’m not the only one. And yes, this is a Figma prototype of... Figma.

190,741 views

Love working on these fun and interactive details. Is everyone going to try to drag these photos around? Probably not. But those who do might find it fun too.

Love working on these fun and interactive details. Is everyone going to try to drag these photos around? Probably not. But those who do might find it fun too.

32,399 views

Figma technique so simple it's a shame not to learn it. ⚡️ Before & After ✦ No Plugins ✦ Done in 5mins Many of you asked so here it is. Ideal for presenting your work before and after, light to dark transitions and other interactions. Read below, Figma link included.

Figma technique so simple it's a shame not to learn it. ⚡️ Before & After ✦ No Plugins ✦ Done in 5mins Many of you asked so here it is. Ideal for presenting your work before and after, light to dark transitions and other interactions. Read below, Figma link included.

117,376 views

Always look for places where to add soul, empty state screens are often a good candidate. Breakdown of drop shadow, inner shadow and blur effects for a user... bit of magic if they ever run into it.

Always look for places where to add soul, empty state screens are often a good candidate. Breakdown of drop shadow, inner shadow and blur effects for a user... bit of magic if they ever run into it.

78,013 views

A lot happened last week. Someday you might want to remember it. Record screen with a gallery as a reminder.

A lot happened last week. Someday you might want to remember it. Record screen with a gallery as a reminder.

44,922 views

Homepage for design system docs, built with shadcn. Needed to move fast so skipped the standard design phase, just modified the illustrations I already did for the same project.

Homepage for design system docs, built with shadcn. Needed to move fast so skipped the standard design phase, just modified the illustrations I already did for the same project.

33,733 views

Prototyping in Figma is so simple and powerful. Total time: 10-15mins.

Prototyping in Figma is so simple and powerful. Total time: 10-15mins.

36,371 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Behind the scenes look at the particle transition scene for a website launch, made over the course of two days. Details in the thread.

Behind the scenes look at the particle transition scene for a website launch, made over the course of two days. Details in the thread.

29,585 views • 1 month ago

Roy Fixed the audio.

Roy Fixed the audio.

91,965 views • 6 months ago

Entire empty states collection from last week. This app took months to design and build, but all empty state visuals and motion took me a day or two. Consistent efforts at some point start to compound - stick with it and results will feel like magic.

Entire empty states collection from last week. This app took months to design and build, but all empty state visuals and motion took me a day or two. Consistent efforts at some point start to compound - stick with it and results will feel like magic.

150,621 views • 2 years ago

Thoughts on transferable skills. I was surprised reading the comments to Riley’s question about best UI animation tool for web. To anyone interested in diving into motion design I would strongly recommend - aim to become a motion expert, not Jitter/Rive/Lottie specialist. If you start from the foundations, jumping into any animation tool will feel like a walk in the park. Keyframes, easing functions, transformations - same concepts are shared between all of them. Getting to know the foundations on the web means starting with CSS, Tailwind or React Motion. I’m often creating small motion concepts in Figma (see video) and then recreating them manually in code. Any language, it doesn’t matter because principles are the same. I recently made the switch to Swift and built a small animation tool for myself (see video) that I’ll discard after I’m done with the motion. This level of comfortableness with motion gives you unmatched flexibility. From that point, tools are just interfaces for expressing something you already deeply understand. This is not about performance or technical optimizations (Lottie files can outperform CSS equivalents), tools mentioned above really are great - it’s about developing transferable creative skill that lets you think across any medium, platform or tool.

Thoughts on transferable skills. I was surprised reading the comments to Riley’s question about best UI animation tool for web. To anyone interested in diving into motion design I would strongly recommend - aim to become a motion expert, not Jitter/Rive/Lottie specialist. If you start from the foundations, jumping into any animation tool will feel like a walk in the park. Keyframes, easing functions, transformations - same concepts are shared between all of them. Getting to know the foundations on the web means starting with CSS, Tailwind or React Motion. I’m often creating small motion concepts in Figma (see video) and then recreating them manually in code. Any language, it doesn’t matter because principles are the same. I recently made the switch to Swift and built a small animation tool for myself (see video) that I’ll discard after I’m done with the motion. This level of comfortableness with motion gives you unmatched flexibility. From that point, tools are just interfaces for expressing something you already deeply understand. This is not about performance or technical optimizations (Lottie files can outperform CSS equivalents), tools mentioned above really are great - it’s about developing transferable creative skill that lets you think across any medium, platform or tool.

64,045 views • 1 year ago

My small contribution to the "made in Figma" event - tool that changed how I think about design ❤️

My small contribution to the "made in Figma" event - tool that changed how I think about design ❤️

33,532 views • 8 months ago

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.

44,009 views • 1 year ago

2023 Design Reel (with sound) 🎬 Best of my UI, prototyping, app design, motion and branding work in the past 4 months. Late nights after client work and every weekend were dedicated to these side-projects. Next year will be big, can't wait to show you all. Thank you.

2023 Design Reel (with sound) 🎬 Best of my UI, prototyping, app design, motion and branding work in the past 4 months. Late nights after client work and every weekend were dedicated to these side-projects. Next year will be big, can't wait to show you all. Thank you.

25,630 views • 2 years ago

No more content to load