Arsen Kolyba

Software designer
Currently at Wix

Hello, visitor ...

Researching, prototyping, designing and testing by day, coding, no-coding, launching products by night

R key pressed
arrow iconBack to tiles
Better File Thumbnails

Better File Thumbnails

Year

2023

My role

Research, Design, Development

See live

figma.com

What's been done

Designed, coded, gathered feedback, iterated on the plugin.

Context

When Figma released the plugin ecosystem and their API I immediatelly jumped on creating this plugin as I was sick of creating thumbnails manually. I didn't know JS at that point.

Video
An animation I created for the plugin
UI of the plugin
Main screen UI. The plugin supports dark mode.
Cover
Cover of the plugin
Thumbnail examples
Some of the thumbnails you can create with the plugin.
My template tab
Plugin also allows you to save a custom thumbnail and reuse it across all your files. It's behind a paywall though.
Activated banner
Fun activation banner
Saved thumbnail state
After you save a thumbnail design you'll get an input created for each text found in the frame. You also have control over if it's created on a separate page or on the current one.
Plugin evolution
Plugin evolution. The first version was very bare bones.
Quick create feature
You can also skip UI altogether by using Quick Create. It will take the name of the file and randomize everything else: emoji, background color, text alignment
projects icon

Work

about icon

About

lab icon

Lab