Blog
Find out what we’re up to at Obra Studio. Here you can learn about UX/UI, product design, product management and front-end development.
Stay up to date by following us on LinkedIn, subscribing to our newsletter, or subscribing to our RSS feed.
Guide to designing interfaces with AI: now directly on this website
We published our guide to designing interfaces with AI straight on our website.
Who moved my (virtual) cheese?
Musings on redesigning software, user's mental models and guidelines on what to do when redesigning.
Updated design services
Three months into the company, we're revised our offering. In this post we discuss our updated design services.
A guide to designing interfaces with AI
We wrote a free guide to designing interfaces with AI. We are using these techniques get to better prototypes for validation faster.
We're live
We finally put the new Obra website live.
Our logo design process
A client might come to us with the question to design a logo; but in our minds, it’s the start of a larger branding process.
HTML prototyping with AI
The last two workdays were spent using a combination of Claude, Figma, Cursor, and Wispr Flow to work on an HTML prototype.
User interface wireframing with AI and speech dictation
I’ve used a new technique that I’ve called prompt wireframing where I use a combination of tools to get the job done.
The vast majority of design systems work is busywork
I would like to take a stand against “design systems” as standalone work; meetings to “officialize” components and designers building three tier token…
Obra icons: Figma plugin
My Obra Icons project has always been available from the website, but now you can also use the Figma plugin. Earlier this week, we also released a package…
High-end fonts included with macOS
Did you know that macOS comes with some wonderful, super high quality fonts that normally cost hundreds or thousands of euros to license? I believe they…
Converting an .mp4 to a .gif using ffmpeg
Today I was converting an mp4 video to a gif and I figured I’d document some commands that helped in the process. I used ffmpeg to do this. You can…
Overindexing on the system
Have you ever seen the LEGO documentary on Disney+? It talks about the history of LEGO and if you’ve seen it, you might be familiar with a phrase that’s…
Type variables in Figma – variable font workaround
Having been released this week, type variables are the new hotness in Figma. If you want to know the details I recommend this excellent post by Joey…
The case for design engineers
Good post from Jim Nielsen about the case for design engineers. He gives a good example of the kind of implementation detail where you might need insight…