Videos (2.X)

Here's the available videos about our Obra shadcn/ui Figma library project.

Have a video request? Question? Get in touch!

Obra shadcn/ui - Looking for a key sponsor for the Community edition

6:19

At Obra, we're looking to keep our popular Figma community kit free, without any annoying “upsell” aspects. We don't want people to discover 5 days into creating their design system that they might have to start again with a new file.

We do believe our Pro additions (CSS Export, all 8 shadcn/ui styles in separate files, Pro blocks and upcoming AI skills) are worthwhile, but these upgrades can be made standalone (and in fact, can be upgraded from the Community edition).

Now, in order to keep Community free, we're looking for a key sponsor who will be featured on our website and in the kit. In this video, I explain why.

Obra shadcn/ui - Community edition 2.0 overview

7:59

We released the free 2.0 Community version of our Obra shadcn UI kit a month ago, but there is a problem: it's actually a little bit too good. In about two and a half weeks, we will remove some of the free features because the free edition is hurting our Pro kit sales.

So, grab it while it's hot. The Community edition has 90% of the features of Pro, and it's especially great if you only need Nova. You can get something for free that is currently between $200-$1,000 USD, depending on licenses, when you grab it either from us or from some competitors.

Start your design system with Obra shadcn/ui now. Duplicate the kit at https://www.figma.com/community/file/1514746685758799870/shadcn-ui-kit-community-edition .

Multi brand + CSS Export + Enterprise logic for Obra shadcn/ui

2:39

A quick explanation of how multi-brand works in the Obra shadcn/ui kit: create new Figma modes, then export them with the CSS Export plugin (Pro only). Also covers what's included with Enterprise: access to the CSS Export plugin's source code so you can customize it for your own dev pipeline.

Getting started with your design system for FREE in Figma using the Obra shadcn/ui kit (2026)

8:45

A 2026 follow-up to our 2025 getting started video. Johan walks through the free workflow: duplicate the Community Edition 2.0.0 file, optionally remove the documentation, create a shadcn/ui preset at ui.shadcn.com/create, run the Obra shadcn/ui Create plugin with that preset, then customize your components — using Autodocs as your guide.

Obra Figma shadcn/ui 2.1 preview - shadcn/ui fields improvement

3:07

A work in progress video where I show a new feature in our shadcn/ui Fields component.

Obra shadcn/ui 2.0 — Community vs Pro

6:39

We've released an all-new version of our Obra shadcn/ui Figma file! In this video, we explain the differences between Community and Pro: all 8 shadcn/ui styles for Pro customers (Nova only for Community), 6 new components (Chat + Questionnaire), and a simplified variable/theming structure.