Design Vitamins

Description

Guide

Newsletter

Podcast

Apr 24, 2023

Insights from Framer, Noise Grid, and Apple's Book App UI Breakdowns

Five Finds of the week


  1. Translations for Figma (Try Now ๐Ÿ› ๏ธ)

  2. Noise grid generator for Figma (Play Now ๐Ÿ”—)

  3. Design for Planet Knowledge Hub (View Directory ๐Ÿ”—)

  4. The 2022 Design Systems Survey Report (Check it out ๐Ÿ”—)

  5. UX Research Canvas on Figjam (Try Now ๐Ÿ”—)


Four Things to Read, See and Hear this week


  1. UX for Lizard Brains (View Guide ๐Ÿ”–)

  2. Building a landing page with Framer  (View Video)

  3. Conversations with Robots: Voice, Smart Agents & the
    Case for Structured Content (View Guide ๐Ÿ“–)

  4. Lennart Overkamp's Design Portfolio  (View Portfolio ๐Ÿ“œ)


Three Things to Try this week


  1. A thread on Rules of thumb that simplify decisions (Check Now ๐Ÿ”—)

  2. Navigate for Figma & Figjam  (Try Tool ๐Ÿ”—)

  3. Figma plugin to cutout objects from images (Check Now ๐Ÿ”—)


Two UI Breakdowns of the week


This week's chosen workflows are from "Apple's Books App":

  1. Adding a note

  2. Quickly jumping to a page using a slider


Breakdown #1

The Books app lets users access different types of files, like pdfs and epubs, all in one place. It's a great app for reading and learning. Users can easily add notes as part of their learning process, and they're easy to find later.

See a quick audit below โคต



Breakdown #2

Jumping to a specific page can be difficult, but the Books app makes it easier with two different methods. Users can use a slider or a search function. The slider is special because it helps users quickly find bookmarks and other important parts of the text in context.

See a quick audit below โคต


One meme for this week: