Interfaces
The Design Engineering Magazine
What makes an interface feel great?
I think a lot about what makes an interface feel great.
When you go from using a good product to a great one, you can feel the difference. It’s often hard to point to what makes the difference though.
It’s usually not a single thing, but instead a lot of small things that add up.
Designing interfaces that feel natural and intuitive
Great design is invisible. It guides users without them ever noticing.
Not recommendedDesigning interfaces that feel natural and intuitive
Great design is invisible. It guides users without them ever noticing.
Recommended
In the age of artificial intelligence, speed alone is no longer an advantage. When most things can be replicated with a single prompt, just building something isn’t enough.
Products that stand out and last are built extremely well, with intent and extraordinary care.
That’s what Interfaces focuses on.
Read by 1167 designers, engineers and design engineers at companies like
About Interfaces
Design engineering is growing in popularity, but learning about it is still surprisingly difficult. The best information is scattered across blog posts, courses, tweets and all corners of the internet.
I write about a number of design engineering topics on my personal website and my posts have been read more than 1,000,000 times.
Interfaces brings all of those topics together in one place, where I share everything I know and continue to learn about design engineering and building great interfaces.
Interfaces is a completely custom-built digital magazine. Each issue is a deep dive into a specific topic and combines writing, interactive demos and code snippets.
What you'll get
A subscription gives you access to every Interfaces issue, plus the full resources and tools library, agent skills and the private Discord community.
New issue every month
At least one new issue is released every month.
Interactive demos
Explore concepts through interactive demos instead of text alone.
<AnimatePresence mode="popLayout" initial={false}>
<motion.div
key={isCopied ? "check" : "copy"}
initial={{ opacity: 0, scale: 0.25, filter: "blur(4px)" }}
animate={{ opacity: 1, scale: 1, filter: "blur(0px)" }}
exit={{ opacity: 0, scale: 0.25, filter: "blur(4px)" }}
transition={{ duration: 0.2, ease: "easeOut" }}
>
{isCopied ? <IconCheck /> : <IconCopy />}
</motion.div>
</AnimatePresence>Source code
Most examples and demos include the full source code.
Agent skills
Skills based on topics covered throughout the magazine.
Resources and tools
A curated library of design engineering resources and tools I use.
Private Discord community
Discuss issues, share your work and meet other design engineers.
Every issue so far
Each issue covers a different design engineering topic from start to finish.
Issue: Details That Make Interfaces Feel Better
- 00Introduction
- 01Text wrapping
- 02Concentric border radius
- 03Animate icons contextually
- 04Make text crispy
- 05Use tabular numbers
- 06Make your animations interruptible
- 07Split and stagger entering elements
- 08Make exit animations subtle
- 09Align optically, not geometrically
- 10Use shadows instead of borders
- 11Add an outline to images
- 12Before and after
- 13Skill
There are 18 issues in Interfaces so far. A subscription gets you all of them, plus every new issue that comes out.
- Issue18The invisible side of design engineering2 chaptersNew
- Issue174 principles of transition8 chapters
- Issue16Accessibility as craft9 chapters
- Issue15Working with type8 chapters
- Issue14Typography manual for the web5 chapters
About me
Hey, I'm Jakub. I'm currently a founding design engineer at Interfere. I write articles about a variety of design engineering topics on my personal website and I built oklch.fyi, a popular tool dedicated to OKLCH colors.
I care deeply about craft and quality and I like to make people feel something through my work. I’m obsessed with details and I spend an unreasonable amount of time making sure they feel right.
Previously, I worked at OpenSea and a few other companies. You might have seen some of my work on Twitter or my code on GitHub.
Read three issues for free
Get a feel for Interfaces. These three free issues give you a glimpse into what the magazine is about and what an issue looks like.
Start building great interfaces today
Quality matters more than it ever has in software. If you care about craft, like to sweat the details and want to learn more about design engineering, I think you’ll enjoy the magazine.
New issue every month
Resource library
Interactive demos
Source code
Agent skills
Private Discord community
New issue every month
Resource library
Interactive demos
Source code
Agent skills
Private Discord community
Everything in Monthly and Yearly, plus:
Early access to new issues
Lifetime member badge
Vote on upcoming topics
Here’s what some subscribers say about Interfaces:
“If you’re a design engineer, subscribing to Interfaces is mandatory, such an amazing resource 🩶”
“I always come away from Interfaces with something I want to try in my own work. It’s made me more conscious about what makes an interface feel great.”
“It changed the way I pay attention to detail in the products I use every day. I think about the intention behind a design more than ever.”
“If you are starting to realize the importance of taste in building for the future, I can’t recommend this enough.”
“The level of craft in every article is extraordinary. I wish Interfaces existed when I started designing.”
“The writing and the design of Interfaces make it clear that Jakub doesn’t just advocate for good taste and high quality, he practices it himself.”
“I can’t imagine being a designer without following Interfaces. At a time when so much AI is shipping bad design, it’s essential.”
“I recommend checking out Interfaces! There’s so much to learn there.”
Interfaces newsletter
Subscribe to get notified when a new issue is released and receive newsletter-only design engineering resources.
Join 2,529 other subscribers.