Design Vitamins - Issue #18
This issue features Shaper, Rapture UI Kit, Pika Icons, Ridd, Spotify Design, Clemens Morris, Workspaces.xyz, Caption and two UI Breakdowns from the Codepoint app.
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 β¬οΈ
Five Finds of the week
Animation basics tutorial by Figma (Try Now π οΈ)
Shaper - a figma plugin for common shapes (Play Now π)
The Rapture landing page UI Kit (View π)
Random Ice Breakers - Figma plugin (Check it out π)
Pika Icon Library (Try Now π)
Four Things to Read, See and Hear this week
Nail responsive design with these 10 Key points (View Guide π)
How Spotify Designed a New Homepage Experience (View Article πΊ)
Making the case to your leadership team on your design (View Guide π)
Clemens Morris Design Portfolio (View Portfolio π)
Three Things to Try this week
Workspaces.xyz - work desk inspiration (Check Now π)
Fix Pinch bug for Figma on Macbook with this handy tool (Try Tool π)
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.
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 ‡
Sponsored Vitamins
π°
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β
WhatWhereBrandhero 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-partnerTry Framer for free β
One meme for this week
Adios and we'll be back next week. See you then π