Natko Hasic's banner

Natko Hasic

@natkohasic • 9,436 subscribers

❋ Building @somedayapp → 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,726 görüntüleme

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.

31,872 görüntüleme

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.

77,920 görüntüleme

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 görüntüleme

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,623 görüntüleme

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

Roy Fixed the audio.

Roy Fixed the audio.

86,233 görüntüleme • 4 ay önce

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,433 görüntüleme • 1 yıl önce

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.

62,778 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

Daha fazla içerik yok.