Our free shadcn/ui kit for Figma has been updated to 2.0. Get the Community Edition →

  1. Guide to designing interfaces with AI: now directly on this website

    by Johan Ronsse

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

  2. Who moved my (virtual) cheese?

    by Johan Ronsse

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

  3. Updated design services

    by Johan Ronsse

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

  4. A guide to designing interfaces with AI

    by Johan Ronsse

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

  5. We're live

    by Johan Ronsse

    We finally put the new Obra website live.

  6. Our logo design process

    by Johan Ronsse

    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.

  7. HTML prototyping with AI

    by Johan Ronsse

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

  8. User interface wireframing with AI and speech dictation

    by Johan Ronsse

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

  9. The vast majority of design systems work is busywork

    by Johan Ronsse

    I would like to take a stand against “design systems” as standalone work; meetings to “officialize” components and designers building three tier token…

  10. Obra icons: Figma plugin

    by Johan Ronsse

    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…

  11. High-end fonts included with macOS

    by Johan Ronsse

    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…

  12. Converting an .mp4 to a .gif using ffmpeg

    by Johan Ronsse

    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…

  13. Overindexing on the system

    by Johan Ronsse

    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…

  14. Type variables in Figma – variable font workaround

    by Johan Ronsse

    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…

  15. The case for design engineers

    by Johan Ronsse

    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…