Blog

Besides our main blog, we run very specific blogs that are a bit more niche, and likely only of interest if you are into Figma or Shadcn/ui. Read on to find out more.

We’ve been loving wireflows as a way to keep the team on the same page. Wireflows connect user stories with wireframes. In this blog post we explain how it works and why wireflows are great.

A lot of accessibility work is technical and is fixable in front-end code, but when the source of that front-end is a design that is inaccessible, that's a problem. In this blog post, we show five tips to create accessible designs.

Not every team needs an elaborate design system — many small teams over-invest, mistaking process for progress. In this blog post, we give our three tips for value-adding design systems.

As a design studio, we primarily work on the design of software. But given the right type of project, we also work on our client's websites. In this blog post, we discuss what kind of websites we like to work on, and discuss two tech options: Framer and Craft CMS.

For a long time, we've been big believers in designers owning part of the front-end. Now, AI enables designers to do more. Inspired by Intercom's recent article about their 3-point framework for AI-driven design, here's Obra Studio's founder Johan's take.

We share the latest updates to our Obra shadcn/ui kit, including theming, dark mode, variables for consistent spacing and border radii, and more.

Say hi to Marina, who will be helping with design work the coming months.

We look back at two design systems we’ve built, sharing our experience and skills with design systems.

We report on the progress of our shadcn/ui kit.

What happens when developers can move faster than designers?

A second set of resources and tips for using the Liquid Glass design language in design apps.

Our collection of resources to learn about using Apple's new design language, Liquid Glass.

We review five icon sets and their strengths.

We explain the reasoning behind making our Obra Icons set open source.

We released the public beta of our shadcn/ui kit, along with the two official colors and icons add-on.

We talk about some of the design decisions behind the Obra shadcn/ui library.

We talk about why we're creating an open source and free shadcn/ui library for Figma.

We'll be releasing a free and open source shadcn/ui kit for Figma soon. But... what is shadcn?

We published our guide to designing interfaces with AI straight on our website.

Musings on redesigning software, user's mental models and guidelines on what to do when redesigning.

Three months into the company, we're revised our offering. In this post we discuss our updated design services.

We wrote a free guide to designing interfaces with AI. We are using these techniques get to better prototypes for validation faster.

We finally put the new Obra website live.

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.

The last two workdays were spent using a combination of Claude, Figma, Cursor, and Wispr Flow to work on an HTML prototype.

I’ve used a new technique that I’ve called prompt wireframing where I use a combination of tools to get the job done.