🍍How to use

Quicksubs digests an RFC 4180 compliant CSV, and matches column titles to text nodes in Figma.

Step 1.

Using your favourite spreadsheet software (Google Sheets recommended), create a table of text content with column heading names corresponding to text nodes in your Figma template. For example:

English	Hangul	French
I like turtles	나는 거북이를 좋아한다	J'aime les tortues
Hide your kids, hide your wife	아이를 숨기고 아내를 숨겨라	Cachez vos enfants, cachez votre femme
I need more cowbell	카우벨이 더 필요해	J'ai besoin de plus de sonnaille

Hint: Remember to not be a silly sausage — put your headings in row 1.

Step 2.

Export your table as a CSV.

What is a CSV: CSV stands for Comma Separated Values, and is an incredibly simple and common tabulated-data format. It’s often used for transferring data between different applications. If you want to be a smarty pants, you can read more here.

Step 3.

Create your Figma design template. In order for Quicksubs to work correctly, you need to do two things:

1. Wrap your template in a Frame, ensuring that your text nodes and all exportable layers are within it.

2. Rename the text nodes whose content you want to replace so that they correspond to the table column titles prepended with a hash (#). So, for the above examples, Quicksubs would expect to find three text layers named #English, #Hangul, and #French.

Example template frame containing text nodes.

Step 4.

Select your template frame and open Quicksubs. You can do this by using the top navigation menu, or right clicking on your frame, and selecting Plugins > Quicksubs (assuming you’ve installed it, ya dingus 🐒).

Drag your CSV into Quicksubs (or click the drop-zone to select it from your file system) to begin processing. Once it has finished, it will automatically generate your PNG images, and export them as a .zip file.

Step 5.

Enjoy the nice feeling of having saved time. Maybe make yourself a nice cup of coffee. Take your time, deliberate over the details. Perhaps consider taking the grind size down a notch for an extra smooth extraction. Or maybe you’d like a nice piece of buttered toast? To be honest, at this point it’s your call. Those generated images don’t care. They will still be there when you get back.

And don’t feel like they judge you for batch generating them, you know? You’re just doing your best out there. There’s no guilt in that. After all, I took a lot of time and love in making Quicksubs. Trust me — I coded all the love they need into their DNA when I wrote the plugin. In fact, if anything they look to me as their source of identity & meaning.

Let’s not think too hard about this step. Enjoy your coffee and toast ☕🧈