James McDonald Profile picture
Design @clerkdev. Open for freelance work @wireframe. Buy icons @theiconicapp. Prev: @tailwindlabs
Feb 6, 2023 4 tweets 2 min read
🗣️ Let’s talk shadows!

Recently, I’ve noticed a few people doing this sort of stroke treatment on containers, buttons and other elements, and it hurts my feelings, lol. Using a dark stroke with opacity enhances the look and feel, especially in a popover or modal context with underlying UI. It's not a make-or-break situation, but it does make a difference. Example:
Dec 20, 2022 6 tweets 3 min read
🎩

A few people have asked me how to design these simple grid backgrounds. I’ve put together a thread on how you can do this yourself. It’s really easy. 👇🏻 ⚡️ Begin with drawing your shape. It can be a square, rectangle, or whatever you want. For the nature of this tutorial, I’ll try to replicate the image in the first tweet.
Sep 19, 2022 12 tweets 5 min read
✨[THREAD]✨

Figma (Adobe 👀) friends, in this thread, I will help people understand how I design these little cards I use in my client work. I get DM’s and messages about them all the time, so I thought I would share a bit of my process. The cards are usually always set up the same way. One main Frame or Group encapsulates another frame with the illustration and a text layer.
Mar 8, 2022 6 tweets 2 min read
✨ The “Everything Starts as a Square™” method to Icon Design.

I’ve been designing icons for a few years now and I use a very simple approach when creating shapes for different icons.

🧵 [1/5] The method is exactly what it says on the tin. Start with simple rectangles or squares to achieve the basic shape of the thing you’re trying to draw. Then focus in on the details.

Too many people try to overcomplicate things. Let’s take this restrooms icons. Image