MDS
@mds
Followers
76K
Following
42K
Media
4K
Statuses
39K
Helping ambitious designers refine their craft and build world-class interfaces. Designer for 20+ yrs. Founder of @shiftnudge
Joined November 2008
✨ The all-new Figma 101 course is now live and it’s completely free!. This course teaches the basics of Figma in one hour with 12 fast-paced videos. It’s meant for beginners, but I’ve had a bunch of seasoned Figma users tell me they learned a lot as well. Here’s a break down of
73
182
1K
You know when you tap on an input field and the label floats up? As seen on Apple, Google, Paypal, Shopify, and everywhere else on the web?. I invented that. (google “mds float label”)
What's something in the world you know you're directly responsible for but if you were to claim credit you'd sound crazy?.
121
507
8K
Around this time 2 years ago I convinced my wife to let me bust out our screened in porch. One thing led to another…
96
108
5K
I've been designing websites, apps, and interfaces professionally since 2005 and I've boiled my design process down into 8 rough steps. Sometimes I use all of them, sometimes only a few. First I'll list them all, then explain them all. .
68
407
3K
Making a lil video today of how to create this. Should give you a quick start in using Smart Animate in Figma if you're not as familiar.
26
150
2K
If you're using a non-standard font, compare its x-height to SF Pro before you lock in all of your font sizes. This will help you create more legible interfaces. Why? Thought you'd never ask.
32
153
2K
Running polls on design decisions is one of the worst ways to make design decisions.
55
78
1K
UI is how it looks. UX is how it feels. Wireframes are mandatory. Once you know how to code you can understand this.
36
202
1K
Figured out a fun way to make a color-wheel-sphere in Figma with pie-shaped colors and a background blurred overlay.
14
81
1K
🚀 Introducing Flowkit, the ultimate @sketchapp library for user flows, content maps, screen annotations, and more.
52
245
1K
A few things that might make your interface feel cleaner and more balanced.
24
47
1K
Sometimes I make things like this as an experiment, but they go unused and die a slow death in a random Figma file. Now that skeuomorphism is making a come back, is it time for some layer effect tutorials?
64
36
1K
Make your design life 10X easier and use these 5 color contrast score ranges for specific UI elements. 👇Here's the breakdown. (I started writing this after the recent @usecontrast launch).
37
185
1K
Some of my skeuomorphic stuff from a decade(!) ago. So much time spent picking out or creating textures.
32
27
1K
📦 Every interface design element is a rectangular box. Icons? A box.Buttons? A box.Headlines? A box.Form labels? A box.Negative space? Most definitely, a box. If you don't already. using the box model will drastically improve the way you design. Here's why.
25
105
923
Gestalt psychology is about how our brain puts pieces together to see whole things. When stuff lines up in a straight line, it's called the "law of continuation," and we see it as one big thing. ✨ Use this to your advantage in UI design.
22
64
894
Making great design is making bad design and revising and editing over and over until it’s great.
10
188
802
new wallpaper drop. you can't get this anywhere but here. spent the last 10 years developing this wallpaper. it's the best and it's not even close.
112
35
710
This is my design agreement contract I've been using for the last few years. I really enjoy using it. All that info in the top left are variables sprinkled throughout the contract.
13
38
659
Installing a new mailbox today and found this delightful little graphic on the usps site.
9
18
649
1. Understand the problem.2. Determine the complexity.3. Use lists, content maps, and user flows to help guide the project.4. Wireframe or not based on project complexity.5. Set design direction.6. Present early and often.7. Explore, iterate, and exploit.8. Systematize.
4
64
656
What does Apple, EA, Figma, Intercom, Lyft, Slack, Microsoft, Zenly, Quicken, Stark, UI8, and Weblow. all have in common? 🤔👇
28
35
637
This is an excellent example of the rule of thirds when it comes to font size in interface design.
11
34
641
😱 I can't believe I'm typing these words, but @shiftnudge is officially live! 🚀 If you're just now tuning in, this a brand-new interface design course with over 80+ lessons, 30+ hours of video content, 600+ design critique videos. Check it out →
I'm alive!!!
63
72
590
Someone asked me. "Why is ChatGPT using 24px of padding on the left and 16px on the right? Instead of only 16 or only 24?". ↓ If I had more time I'd make a shorter video
21
27
600
I've been designing websites, apps, and interfaces professionally since 2005 and I've boiled my design process down into 8 steps. First I'll list them all, then explain them all.
5
33
552
Flowkit 2.0 is here! 🎉 Completely redesigned for scratch for Sketch AND Figma. Lots of updates and improvements in this release. Free upgrade for existing users. 🙌
24
83
525
I really love the @opalcamera packaging design. It's simple, elegant, and well-balanced. Great design principles transcend the medium of packaging, interfaces, etc. 🧵 Here are 6 design tips you can steal and implement in your own work today.
7
67
523
Learn the fundamentals of Icon Design in one hour with this free video course
17
109
506
I don't know who needs to hear this, but. - Hyphen .Use for compound words (e.g., well-being). – En dash.Use for ranges (e.g., 1990–2000).Quick key: ⌥ -. — Em dash.Use in place of a comma, parentheses, or to sign off.Quick key: ⇧ ⌥ -.
39
42
528
Still not quite finished, but we’ve come along way with this little 60’s ranch. Before → After
26
5
495
Here's my Config talk about unlocking opportunities and building your brand through side projects.
32
44
513
Someone auto-tuned Smells Like Teen Spirit into a major cord and it's horribly awesome
24
261
476
Schools in my county closed and all of my kids are doing virtual again. Currently pondering the feasibility of creating a low-cost, cardboard version of this thing I made 4 years ago. 🤔
18
21
494
Friendly reminder to do this once for your website footer and never again for the rest of your life. const currentYear = new .Date().getFullYear();.document.getElementById('copyright').textContent = `© ${currentYear} Name`;.
18
19
506
🚀 Launch day! @soffes and I made @usecontrast, a handy macOS app for quick access to WCAG 2.0 color contrast ratios.
32
166
463
I've been designing a video transmission interface for a video log type thing, inspired by sci-fi movies. Might starting posting an account of self-isolation with the fam.
34
13
467
Streamline 3.0 is live! I had a blast doing the design/code/copy on this new site. The icon set is crazy big and soooo good—made my job a lot easier. 🚀 Animations by @yupnguyen.Icons by @webalys and team.Icon viewer app by @clementsauvage
17
70
454
The job of any great UI is to support a great UX. Too many people think great UI is purely eye-candy, but they're wrong. Like my good friend Merriam Webster always says. .
12
60
441
1~ out of every 100 people has Tritanopia, which means they can't likely tell the difference between blue and green. That's why you can't use color alone to distinguish interface elements.
11
29
430
Do you ever place your mouse cursor directly on the right of a slow moving progress bar just to make sure things are still happening?.
17
10
414
Excited to finally share the design and prototype concept I made for InVision's Studio Jam series. #invisionstudio This is my tweet of the Dribbble of the YouTube video. 🤓
20
40
400
Design just shifted. Figma’s not just a tool anymore, it’s a full-stack creative OS. This changes everything, and nothing,.if you know what to focus on. In this weekend’s newsletter,.I’m sharing how I’m thinking about tools, AI and the future of being a designer.
10
18
412
I made a thing for a Streamline + @css promo and channeled my inner @steveschoger for one of the supporting images.
9
39
385
I’ve witnessed so many people struggle with creating design systems. The root cause is nearly always the desire (or the directive) to define the system before the possibilities have been explored in a non-systematic way.
9
65
381
The new @useflowkit has dropped. User flows right inside your favorite design tool—@figma.
12
38
382
