Design Vitamins - Issue #17

This issue features Rogie, Fontshare, Bunch of Design, Osama Sarakibi, Pixel Snap, Carrd and two UI Breakdowns from Cleanshot.

Design Vitamins - Issue #17

Welcome to the 17th Issue of Design Vitamins ๐Ÿ’Š
If you want to access the previous issues, you can check them out in this link.

Let's jump into it to get our weekly fix now, click on a toggle to read more โฌ‡๏ธ

Five Finds of the week

  1. Animation basics tutorial by Figma (Try Now ๐Ÿ› ๏ธ)
  2. Noise and texture Figma Plugin (Play Now ๐Ÿ”—)
  3. Markdown Notes figma plugin (Play Now ๐Ÿ”—)
  4. Fontshare - Free high quality typefaces from ITF (Check it out ๐Ÿ”—)
  5. Bunch of Design Icon Library (Try Now ๐Ÿ”—)

Four Things to Read, See and Hear this week

  1. Thirty Seven ways to spice up your UI (View Guide ๐Ÿ”–)
  2. Finding strength in Imposter Syndrome (View Video ๐Ÿ“บ)
  3. The Ultimate help center best practices (View Guide ๐Ÿ“–)
  4. Osama Sarakibi's Design Portfolio (View Portfolio ๐Ÿ“œ)

Three Things to Try this week

  1. Apple Watch mirror app (Play Now ๐Ÿ”—)
  2. Hi Dock for Mac (Try Tool ๐Ÿ”—)
  3. Pixel Snap for Mac - Measure anything on screen (Check Now ๐Ÿ”—)

Two UI Breakdowns of the week

๐Ÿ˜„
Every week, we'll dissect an application/webapp and distill it down to two UI learnings we can take away from that app. 

This week's chosen Application: Cleanshot for Mac

The Cleanshot app is an alternative to the screenshot defaults provided by the Mac OS. It offers more functionality like annotations, screen recording, gif creation and more. It is indeed a versatile tool for many designers. We use cleanshot extensively here at Xperian to run our quick reviews and document anything.

CleanShot X for Mac
Capture your Macโ€™s screen like a pro.

Breakdown #1

Cleanshot replaces the existing Macbook's screenshot shortcuts (Cmd+Shift+3/4/5) and functionality. Along with this, they also introduce the tool with a all-in-one command so they can explore all of its amazing features in one shot.

๐Ÿค”
Takeaway
Educating your users should be easier if the usecase can be integrated as a part of its functionality. Use this instead of an onboarding flow or tutorial approach.

Here's is how it looks like โคต


Breakdown #2

Cleanshotโ€™s understanding of its user, ย translates them to UI and presents them in a well rounded actions.

๐Ÿง 
A periodic reminder:
People use software to accomplish their tasks. Not to spend more time figuring out a software.

Here's a quick breakdown of a great software that helps tasks get done โคต


๐Ÿ“ฐ
A space for 3 paid Ads that support Design Vitamins and are seen by 4,000+ subscribers each week. Book your spot for next weekโ†—
What Where
Brandhero offers highly-personalised design service which has helped
100+ busy founders and businesses tell their brand story in the most impactful / converting way possible via effective brand strategies,
functional UI/UX design and beautiful UX-centric Webflow websites.
Book a free discovery callโ†—


Build 25 landing pages for the price of $49 per year with Carrd, a nocode website builder! Try Carrdโ†—


Make your next design portfolio website for free using Framer. And if you choose to upgrade yearly, get 3 months off using the code: pro-yearly-partner Try Framer for free โ†—

One meme for this week

Adios and we'll be back next week. See you then ๐Ÿ‘‹