Author Archives: Johan

A new plan: brand portal

- Posted in bootstrap build-in-public

My new plan is to build a brand portal product. What is a brand portal, you may ask? It’s a place to document your brand assets, like a logo, colours and icons. Why is this helpful? To keep your brand consistent – you can send people to the brand portal To provide a more direct […]

Bootstrapping update (2)

- Posted in build-in-public figma

Today I want to talk about why it’s probably not that interesting to release Screenshot to Layout to the public, even though I put a lot of effort into it in the month of July. I am not saying I won’t ever release it, but it needs to be part of a bigger plan. In […]

Delisted

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

Yesterday I de-listed my plugin from the Figma community, before I even had my first user. One week before, I happily pushed the publish button and set a price tag of $20. I was proud to have made something worth charging for, but the whole week it was nagging in my head how it was […]

Screenshot to Layout Pro: released!

- Posted in bootstrap figma figma-plugins

The first version of my Figma plugin Screenshot to Layout Pro has been released. Use Screenshot to Layout to generate editable text from a screenshot. If you have any questions, or would like to request a trial, don’t hesitate to contact me at figmaplugins@obra.studio . Check it out on the Figma community Edit: The plugin […]

A bootstrapping update

- Posted in bootstrap figma

Over the past month I’ve been on a little indie hacker journey, where I built my first freemium plugin for Figma: Screenshot to Layout. Essentially it’s an OCR plugin: it recognizes text from screenshots and renders it back to Figma. In my first version, I used a file input. I felt I had a nice […]

Job: freelance Svelte developer

- Posted in jobs svelte - 1 comment

Hey all, my bootstrapping journey is reaching an exciting point where we are able to provide real value to designers with the Obra Figma plugins, starting with the Screenshot to Layout plugin. To bring things over the finish line, I am looking for a Svelte developer with (some) design chops to develop and fine tune […]

Figma – Screenshot to Layout plugin (2)

- Posted in figma figma-plugins

I am working on my plugin to build a layout from a screenshot. What does it do? Select an image in Figma, run the plugin command “Screenshot to Layout”, and then see a Figma layout appear with editable text. What is it for? Useful to quickly start working on a new design based on a […]

Figma plugins

- Posted in figma figma-plugins

Just some plugins that have been of use lately. General Navigate multiple siblings Downsize Development of plugins Debugger Node decoder Figlet

An intro to building Figma plugins (2)

- Posted in development figma figma-plugins

In the previous tutorial, we ended with 2 rectangles. The second building block that’s good to learn about is rendering text to the canvas. Working with text is its own challenge in Figma, because there are a lot of edge cases. The first thing to understand is that a font needs to be loaded in […]

An intro to building Figma plugins (1)

- Posted in development figma figma-plugins

In this blog post series I would like to give an introduction to building Figma plugins. We will be learning using a series of “building blocks” and then turn it into a real plugin in the end. In this first tutorial we will be looking at the most basic of basics: creating a rectangle. We […]