LilGrid

Personal

Mar 20, 2023

LilGrid

Personal

Mar 20, 2023

LilGrid

Personal

Mar 20, 2023

A Figma plugin to organize chaotic layers

From need to product

I came up with LilGrid in late 2019 because I was in the middle of a design system and my icons were all over the place. Figma's organization doesn't quite match up to scattered elements. In 2020 there still weren't many Figma plugins despite it launching 2 years earlier, so I decide to give it a shot.

Version 1

The first version in January of 2020 was fairly basic, but it got the job done. For a niche plugin it still got some nice shoutouts and appearances on some essential lists. I even received some feature requests, whoever in 2020 my time was limited and so were my abilities, so I couldn't fulfil some of them. I left it dormant for a few years.

Version 2 (subtitle: thanks ChatGPT)

In mid-March I started dipping into AI and ChatGPT in particular. As soon as I realized how helpful it was for occasional developers like myself, I decided to revisit the plugin as a way to test an AI assisted workflow.

While Version 1 took nearly a week after work, Version 2 took about 4 hours with a full rewrite, along with adding missing features. And now that it's fresh, I intend to brush it up a little more as well.

More than anything it's been a great reason to learn how to code with an AI copilot.

A Figma plugin to organize chaotic layers

From need to product

I came up with LilGrid in late 2019 because I was in the middle of a design system and my icons were all over the place. Figma's organization doesn't quite match up to scattered elements. In 2020 there still weren't many Figma plugins despite it launching 2 years earlier, so I decide to give it a shot.

Version 1

The first version in January of 2020 was fairly basic, but it got the job done. For a niche plugin it still got some nice shoutouts and appearances on some essential lists. I even received some feature requests, whoever in 2020 my time was limited and so were my abilities, so I couldn't fulfil some of them. I left it dormant for a few years.

Version 2 (subtitle: thanks ChatGPT)

In mid-March I started dipping into AI and ChatGPT in particular. As soon as I realized how helpful it was for occasional developers like myself, I decided to revisit the plugin as a way to test an AI assisted workflow.

While Version 1 took nearly a week after work, Version 2 took about 4 hours with a full rewrite, along with adding missing features. And now that it's fresh, I intend to brush it up a little more as well.

More than anything it's been a great reason to learn how to code with an AI copilot.

A Figma plugin to organize chaotic layers

From need to product

I came up with LilGrid in late 2019 because I was in the middle of a design system and my icons were all over the place. Figma's organization doesn't quite match up to scattered elements. In 2020 there still weren't many Figma plugins despite it launching 2 years earlier, so I decide to give it a shot.

Version 1

The first version in January of 2020 was fairly basic, but it got the job done. For a niche plugin it still got some nice shoutouts and appearances on some essential lists. I even received some feature requests, whoever in 2020 my time was limited and so were my abilities, so I couldn't fulfil some of them. I left it dormant for a few years.

Version 2 (subtitle: thanks ChatGPT)

In mid-March I started dipping into AI and ChatGPT in particular. As soon as I realized how helpful it was for occasional developers like myself, I decided to revisit the plugin as a way to test an AI assisted workflow.

While Version 1 took nearly a week after work, Version 2 took about 4 hours with a full rewrite, along with adding missing features. And now that it's fresh, I intend to brush it up a little more as well.

More than anything it's been a great reason to learn how to code with an AI copilot.

© 2024 Wayne Sang

© 2024 Wayne Sang

© 2024 Wayne Sang