Design Vitamins - Issue #18

This issue features Shaper, Rapture UI Kit, Pika Icons, Ridd, Spotify Design, Clemens Morris,, Caption and two UI Breakdowns from the Codepoint app.

Design Vitamins - Issue #18

Welcome to the 18th 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. Shaper - a figma plugin for common shapes (Play Now πŸ”—)
  3. The Rapture landing page UI Kit (View πŸ”—)
  4. Random Ice Breakers - Figma plugin (Check it out πŸ”—)
  5. Pika Icon Library (Try Now πŸ”—)

Four Things to Read, See and Hear this week

  1. Nail responsive design with these 10 Key points (View Guide πŸ”–)
  2. How Spotify Designed a New Homepage Experience (View Article πŸ“Ί)
  3. Making the case to your leadership team on your design (View Guide πŸ“–)
  4. Clemens Morris Design Portfolio (View Portfolio πŸ“œ)

Three Things to Try this week

  1. - work desk inspiration (Check Now πŸ”—)
  2. Fix Pinch bug for Figma on Macbook with this handy tool (Try Tool πŸ”—)
  3. Caption - Mac app for finding the right subtitles (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 is Codepoint

Codepoint is a free indie mac-app that helps you find that unicode characters or glyphs, emojis quickly. All characters are neatly categorised and you can export them as symbols, string, hexadecimals, etc all these one tidy app.

β€Ž70,000+ Unicodes in your pocket. Search Unicodes, Glyphs, SF Symbols and Emojis in a blink. Codepoint helps you to find the exact characters you need and supports you in discovering new glyphs. Export them as Symbols, Strings, Hexadecimals, HTML entities or even Swift code. Save Favourites in iClou…

Breakdown #1

The point of any application is to help users with a need. The need the app solves is to help people who focus on making pixel products or write code access glyphs. Finding glyphs is confusing on the internet. Codepoint solves this by providing actions like copy paste, etc in one single place.

This app is a great example of how needs can be met & visualised in a simple and efficient manner.

See how the app meets needs in just one breakdown ‡

Breakdown #2

Learning about a glyph allows users to utilise a Glyph better in any context. Codepoint shows the glyph height with clear indicators. Quick actions are also shown so users can copy paste on the phone too.

These visual indicators show how well the product understands its users and their need to learn deeper of the Glyphs.

See how it works on the phone too ‡

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 is a 4-week cohort and community for individuals from all backgrounds to learn, ideate, build, and launch their side projects. The next cohort starts on 11th February. Apply Now↗

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 πŸ‘‹