UXUI

Smooth transition to focus on the active section.

→

designed a bunch of app store screenshots in October ✨

The redesigned personal website for developer and writer <n>Lee Robinson</n>.

The most practical design advice I've heard is to constrain yourself.

Pick one or two font sizes. Use only a few grays. Add color sparingly.

Most of my old designs with three font weights, six grays, and four different text sizes all looked instantly better when stripped back.

Paywalls of Top Grossing Apps 

Tolan
Robinhood
Cal AI
Headspace
Tinder
Suno
Snapchat
ChatGPT
Flighty
& Copilot

How the best in the business are upselling their users: Curated by @appclub

Added a little holiday snow to my sun tracking app, Lumy. I think Balance restored ☀️ ❄️🎄

This is how you make a card design in AE.

Think beyond UI
Think like product builders.

I'm breaking down products to understand how they’re built and the psychology behind each UX decision.

Let's start with @linear 👇🧵

I've built an "infinite canvas" both ways: HTML and Canvas. The tradeoffs are pretty stark.

HTML approach:
- World transform Div
- Pan & zoom via CSS transforms
- DOM element creation
- DOM virtualization for offscreen content
- Event handling
- Selection, dragging, transforms
-

New addition to the Design Engineer’s Gallery → Slider Component

Featuring:
› Fluid and stepped sliding modes
› light ↔︎ dark theme
› Elastic-like physics when over-dragged

Play with it live →

Jony Ive is a design legend.

These are his rules for designing products that people love:

An exploration of the <n>Halftone Shader</n> feature from the <n>Paper</n> app.

tried exploring @paper 's new Halftone Shader

<n>Sahil Vhora</n> demonstrates <n>Atlassian</n>'s <n>Good Better Best framework</n> in <n>Figma</n>.

This is how the Atlassian design team uses Good Better Best framework in Figma to maintain a high craft bar

It pushes the designers to explore the best experience for the users despite the constraints like timeline and scope

👀 Watch the full interview:

Onboarding cards for the <n>Alma</n> app, designed by <n>60fps</n>.

Onboarding cards 🍎🥘🍱 @almaknowsfood

One of the coolest things about the new Arcade icons is how customizable they are 👇

SimpleFlow is nearing its 100K downloads, now helping thousands of creators turn their ideas into clear diagrams inside @figma.

6 years in, it’s been full of small challenges and fun lessons, so I wrote a short note about the plugin journey:

One way I think about this is: 

You get a certain amount of "credits" to spend to create visual hierarchy. Size, color, space, weight, typeface, etc.

The goal is to create a clear design while spending as few credits as possible.

Some designs over-spend and things feel messy.

Something really clicked after we shipped Libraries.

Designers finally feel in control, AI isn’t this black box anymore, it’s a creative tool you can shape with precision.

Couldn’t be prouder of this milestone.

Here's the continuation of our icon tutorial series where we teach you how to design icons step-by-step. Today we'll learn how to design the "Home" icon:

Step 1: Use the rectangle tool (R) to create a 18 x 12 pixel rectangle. Place the shape down according to the keyline.

Step

<n>Stych - Choose a lesson</n> UI design by <n>Adrian Campagnolle</n> with illustrations by <n>Hanne Son</n>.

It’s crazy to me how a simple animation can bring a brand to life and make it feel 10× more trustworthy and lovable, and yet so few companies actually capitalize on it...  

Motion = credibility + personality.

can't believe how smooth this was, swapped @reactnavigation bottom tabs with @o_kwasniewski native bottom tabs

100% drop-in, 200% better feel

@swmansion

Atlassian uses a simple framework that most design teams should steal.

They call it Good/Better/Best.

Here's how it works:
When exploring a feature, designers create three versions:
→ Good: Ships under tight constraints. Solves the problem but the UX has friction.
→ Better:

I don't share this one often, butis a project I made last year. It contains a bunch of interviews with designers and engineers from companies like Vercel and Linear. Thought you might find it interesting!

A UI design by <n>Michal Malewicz</n> for a health protocol app, featuring <n>L-Theanine</n>.

The amount of raw knowledge and experience in this document is just 🤯🤯🤯🤯

Onboarding screens of our App design projects -  Part 01

This is how I create the DreamySky Gradient vibe for my menu card in @framer design pages. Step-by-step tutorial 👇 Save it for later!

working on a sidebar, breadcrumb, and timeline

we'll sweat the details on the implementation

Neuralink is the new apple I guess. beautiful design.

Published today: A new (or rather, old) approach to typography on the web.

Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems.

We designed a type system that feels precise to the eye, not

How. Many. Times. Do I have to say this???