Founder/designer at Obra Studio  📍Mexico City - Originally from 🇧🇪 Belgium
https://bento.me/wolfr

wolfr (@wolfr.bsky.social)

A simple, consistent set of icons, perfect for user interfaces.

Obra Icons

295 Followers, 364 Following, 427 Posts - Johan Ronsse (@wolfr_) on Instagram: "UI design, modernist architecture, biking, cooking & more."

Johan Ronsse (@wolfr_) • Instagram photos and videos

The personal website of Johan Ronsse, user interface designer.

Johan Ronsse

1.22K Posts, 152 Following, 294 Followers · Digital product designer/developer. Founder of agency Obra Studio. Belgian based in Mexico city.

Wolfr (@wolfr@mastodon.social)

Home - Obra Studio

Home - Screenshot to Layout

Find local businesses, view maps and get driving directions in Google Maps.

Google Maps

Hi, I'm Johan, I run a small UI design agency called Obra Studio. My channel is mostly about working productively Figma and our studio's shadcn UI kit.

Wolfr

Figma Variables - Color scope settings

I vibe coded this Tailwind color palette tool

Obra shadcn/ui kit for Figma: 1.2.0 updates - New organisation + Theming updates

Obra shadcn/ui kit: Toggle group investigation (Possible Figma bug)

Implementing a full website using AI: part 1: Claude Code, Figma MCP server, & Static site setup

Figma tip - The two ways to keep Figma color overrides when switching icon instances

Upgrading the Obra shadcn/ui kit

Obra shadcn/ui - Tips for editing rather complex components in Figma

Obra shadcn/ui 0.5.0: Light/dark mode, theming support and example screens

Obra - Variable Find & Replace Figma plugin

Context about shadcn/ui theming in Figma

0.4.0 version of the Obra shadcn/ui kit: border radii & spacing variables

Obra Shadcn/ui tools plugin

Figma tutorial: use nested instances to create complex component variants

Figma Obra shadcn/ui 0.2.0 update: icons and colors now bundled

Obra shadcn/ui - Pick and choose components, then customize

Multi Currency Converter demo

The Obra shadcn/ui kit in practice: making a start in our planner project

Obra shadcn/ui kit - A small Friday update

Obra shadcn/ui - announcement public beta

Getting started with your design system in Figma using the Obra shadcn/ui kit

Obra Studio - Shadcn/ui intro (HD reupload)

Obra Studio - Shadcn/ui intro

Trying the Cursor talk to figma plugin

Figma UI3 workshop - Promo

Obra Icons - Icons tutorial - 2 - Advanced icon

Obra Icons - Icons tutorial - 1 - Basics

Screenshot to Layout - Demo 1.2.0

Obra Icons 1.14.0 - Dev tools

Screenshot to Layout - Figures demo

Founder/designer/developer at Obra Studio.

Wolfr (Johan)