Author Archives: Johan

The case for design engineers

- Posted in design development product

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. Lately I am on a path […]

Mexico (3)

- Posted in lifelog mexico persoonlijk reflectie road-biking

Ik las net mijn vorige posts over Mexico, die ik schreef op het moment dat ik hier 1,5 maand en 2,5 maand was. Nu ben ik hier één jaar en ongeveer twee maanden. En het ziet ernaar uit dat ik hier nog een hele tijd ga zijn. Werk Qua werk sta ik nog altijd rond […]

Thinking through the contour feature of Screenshot to Layout

- Posted in build-in-public figma-plugins screenshot-to-layout

Earlier this week I thought through the contour feature for Screenshot to Layout . This is a future feature, that essentially adds a second layer of output to the plugin, with the goal of visualizing clear shapes in the processed screenshot, so that the designer can use it as a reference point for further work. […]

Planning for Screenshot to Layout 1.2

- Posted in build-in-public figma-plugins screenshot-to-layout

I am doing an investment in taking Screenshot to Layout to to the next level. I am working together with a few freelancers, each skilled in their own right, from making plugins for graphic design apps to advanced Javascript wizardry. Together we will improve the plugin. I want to write a bit of a “devlog” […]

Screenshot to layout: landing page & usage update

- Posted in build-in-public figma-plugins screenshot-to-layout

I whipped up a quick landing page at https://screenshottolayout.com . It contains instructions on how to get started and a quick demo. It’s pretty ugly but will do the job for now I think. I released the plugin for free earlier this week, hoping to get some feedback from Figma users. So far a few […]

Screenshot to Layout released for free

- Posted in build-in-public figma figma-plugins

You can use my Figma plugin Screenshot to Layout to generate editable text from a screenshot. Select an image in Figma, run the plugin command “Process image”, and then see a Figma layout appear with editable text. You can see how it works in this video: This plugin is extremely useful to quickly start working […]

Obra Icons indie report: how I launched – how it’s going. 2 sales, but powering on.

- Posted in bootstrap build-in-public obra-icons

I launched an indie project called Obra Icons on October 1st. This is a report of how it’s going. The initial version took me about 7 days of work total + around 3 days of external freelancer’s work to work out the initial version. What is it? It’s a set of 750+ vector icons, both […]

Icon requests for Obra Icons

- Posted in obra-icons

Yesterday I launched Obra Icons 1.0.0. We are already actively working on the next version which will mostly contain more icons. But which icons are you missing? You can see full, searchable list of icons here. Hover over an icon to copy or download the SVG, or to copy the Svelte import. If you have […]

Bootstrapping update (4) – Obra Icons

- Posted in bootstrap build-in-public obra-icons

It’s the start of month four of my bootstrapping journey. In June I stated I wanted to build something in public, build something that’s real and provides value, see if ideas get traction, and experiment or learn new things. I have some doubts about the “build in public” part, since essentially you are sharing all […]

Bootstrapping update (3)

- Posted in bootstrap build-in-public

Wednesday I had a day to work on my bootstrapped projects. First up I had a meeting about Obra Icons with a fellow designer. This is an initiative to create an icon set that is basically an upgrade to Mono Icons. I spent the rest of the morning investigating some of the design decisions behind […]