- 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 […]
- 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 […]
- 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 […]
- 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 […]
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 […]
- 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 […]
- 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
- 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 […]
- 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 […]
The first thing I am building in my bootstrapping journey is a Figma plugin to turn a screenshot into an editable layout. You have a Figma plugin: Imagine you take this screenshot: And then when you process your image, you get this editable layout: This way, as a designer, if somebody hands you something to […]