We released a free, open source shadcn/ui kit. Check out the announcement here.

  1. Official Apple Liquid Glass resources

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

  2. Choosing the right icon set for your project

    We review five icon sets and their strengths.

  3. Obra Icons is now open source

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

  4. Obra shadcn/ui kit public beta officially released

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

  5. The work behind designing the Obra shadcn/ui Figma library

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

  6. Why design a shadcn/ui Figma library?

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

  7. What is shadcn/ui?

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

  8. My top 7 Figma plugins

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

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

  10. Who moved my (virtual) cheese?

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

  11. Updated design services

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

  12. 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.

  13. We're live

    We finally put the new Obra website live.

  14. 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.

  15. 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.

  16. 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.

  17. The vast majority of design systems work is busywork

  18. Obra icons: Figma plugin

  19. High-end fonts included with macOS

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

  21. Overindexing on the system

  22. Type variables in Figma – variable font workaround

  23. The case for design engineers

  24. Three types of product designs

  25. Interoperability dreams

  26. UX gone wrong

  27. Success through openness in digital design

  28. Pug advanced mixins

  29. TextCutter plugin for Figma

  30. Accessible, clickable table rows

  31. I’ve never regretted doing user research

  32. Avoiding Figma file complexity

  33. What’s changed in Bootstrap 5?

  34. Grouping things in Svelte

  35. Should you use scoped styling?

  36. Three more tips for enterprise UI design

  37. Write less, do more with Svelte

  38. Why you’ll probably regret using Tailwind

  39. Five UI design tips for enterprise software

  40. Thoughts on Tailwind CSS

  41. Getting productive by using the right Figma plugins

  42. Design work doesn’t fit in a sprint planning

  43. Figma plugin shortcuts

  44. Eight lessons from creating a design system

  45. UX design has never been just for designers

  46. Our deliverable sometimes makes us obsolete (and that’s okay)

  47. Thoughts on Bootstrap 4

  48. Overthinking BEM

  49. The Web as a UI implementation layer

  50. It’s all about the software quality

  51. The 10 commandments of good form design on the web

  52. Learning to love BEM

  53. How we document user interfaces