We look back at two design systems we’ve built, sharing our experience and skills with design systems.| Obra Studio
We report on the progress of our shadcn/ui kit.| Obra Studio
What happens when developers can move faster than designers?| Obra Studio
A second set of resources and tips for using the Liquid Glass design language in design apps.| Obra Studio
Our collection of resources to learn about using Apple's new design language, Liquid Glass.| Obra Studio
We review five icon sets and their strengths.| Obra Studio
We explain the reasoning behind making our Obra Icons set open source.| Obra Studio
We released the public beta of our shadcn/ui kit, along with the two official colors and icons add-on.| Obra Studio
We talk about some of the design decisions behind the Obra shadcn/ui library.| Obra Studio
We talk about why we're creating an open source and free shadcn/ui library for Figma.| Obra Studio
We'll be releasing a free and open source shadcn/ui kit for Figma soon. But... what is shadcn?| Obra Studio
I love being able to design fast, and using the right Figma plugins is certainly a part of my process.| Obra Studio
We published our guide to designing interfaces with AI straight on our website.| Obra Studio
Musings on redesigning software, user's mental models and guidelines on what to do when redesigning.| Obra Studio
Three months into the company, we're revised our offering. In this post we discuss our updated design services.| Obra Studio
We wrote a free guide to designing interfaces with AI. We are using these techniques get to better prototypes for validation faster.| Obra Studio
We finally put the new Obra website live.| Obra Studio
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.| Obra Studio
The last two workdays were spent using a combination of Claude, Figma, Cursor, and Wispr Flow to work on an HTML prototype.| Obra Studio
I’ve used a new technique that I’ve called prompt wireframing where I use a combination of tools to get the job done.| Obra Studio
I would like to take a stand against “design systems” as standalone work; meetings to “officialize” components and designers building three tier token systems that most likely will just get ignored by other team members.| Obra Studio
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 for React. Any feedback is welcome!| Obra Studio
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 came with an update to Pages templates a few years ago.| Obra Studio
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 install it on Mac or Linux using homebrew:| Obra Studio
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 said many times in this documentary: new Lego products should be part of the system.| Obra Studio
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 Banks.| Obra Studio
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 from both the design and dev perspective. I find that some of my best work came from where code intersected with design.| Obra Studio
In my previous post, I wrote:| Obra Studio
I think one of the biggest problems in computing is transporting complex data from one app to another. Or put another way – manipulating the data that’s on your screen in a sensible way, regardless of the app that you are using.| Obra Studio
I just read Jesse James Garret’s FastCompany article about the bad turn the UX industry has taken. I can’t say I disagree – here’s my take.| Obra Studio
Two weeks ago, I gave a talk at Open Belgium 2021, titled “Success through Openness in Digital Design”. The slides are now up here. A recording of the talk is available on YouTube.| Obra Studio
Some things I learned about Pug this week. Putting them here so I don’t forget. I think by now I know most there is to know about Pug. That only took 7 years of using it… :D!| Obra Studio
In my design work, I often have to re-type text from screenshots and reformat it.| Obra Studio
This week a project I was working on a project that needed clickable table rows.| Obra Studio
As a company, we are very focussed on the right execution. We pride ourselves in being efficient in how we spend our time in a design project. As a design services firm, we are billing for our time, and the client has to get the right result for their money.| Obra Studio
The advanced features in Figma can be tricky; they should be used in moderation, or you run the risk of creating poor design files.| Obra Studio
At Mono, we’ve used Bootstrap for quite a while. I think the first time I used Bootstrap myself it was at version 2.| Obra Studio
Here’s a code trick I would like to share.| Obra Studio
Javascript frameworks like Angular, Vue and Svelte support scoped styling at the component level.| Obra Studio
Last week, we talked about the challenges that come with designing enterprise software and gave five UI design tips. In this blog post we will share three more tips. | Obra Studio
A few days ago I watched Rich Harris’s talk at JSCamp. It offers a different perspective on Svelte than the talk I usually recommend when learning about Svelte – which is called Rethinking Reactivity.| Obra Studio
I see Tailwind being used by a lot of people. I totally get why it’s so popular. It looks great, the design choices are sensible, and you have copy-pastable code that reliably renders in the same way.| Obra Studio
We have been designing a lot of enterprise software, which comes with its own set of challenges.| Obra Studio
I looked deeper into Tailwind this weekend. I was aware of this framework and its popularity, but I wanted to dive deeper into it as I was researching it for a future project.| Obra Studio
Figma launched their plugins functionality in the beginning of August. Now that some time has passed and I’ve had the chance to try a few plugins I figured I would share my favorite plugins with the design community.| Obra Studio
Most software teams work with agile methods, with the base logic of sprints, and then adding in their own flavor to it to cover how they do grooming, whether they assign points to tickets etc.| Obra Studio
The shortcut to run the last plugin in Figma is ⌥ ⌘ + P.| Obra Studio
Over the past six months we have worked on a large scale design system. When we were nearing a big release, I wrote down some key lessons.| Obra Studio
I often see our clients adopting design processes themselves, and this is only natural to me. UX design has never been just for designers.| Obra Studio
Here’s two separate things I heard last week:| Obra Studio
About two weeks ago Bootstrap 4 went into beta. There was a discussion on Designer News where I called them out for the lack of namespacing.| Obra Studio
In “Learning to love BEM” I professed my newfound love for the BEM syntax. I’m happy to report that after more than 2 years, I’m still happy with my choice.| Obra Studio
The web is fulfilling the promise of Java: write once, run anywhere.| Obra Studio
A lot of companies promote themselves with the fact that they do “UX”. This happens so much that the term has become rather meaningless.| Obra Studio
1. Thou shalt provide clear, always visible labels for each field| Obra Studio
I have to admit: when I first heard about BEM, I thought it was a bad idea. Why make your CSS naming so complicated? Surely you can get by with simple class names like .form-group or .accordion. Why do you have to get all crazy with classes like .accordion__child and .accordion__child--highlighted?| Obra Studio
Writing documentation is no fun, but it’s part of the job. It’s a bit like cleaning your house: you don’t like to do it but after you did it you’re glad you did. How’s that for an analogy?| Obra Studio
Buscamos un talentoso/a diseñador/a de productos digitales/UI con al menos 2 años de experiencia en el área para unirse al equipo de Obra Studio.| obra.studio
We are looking for a skilled digital product designer with at least 3 years of experience in the field to join the Obra Studio team.| obra.studio