๐Ÿ›  Day 340 - PM Breakdown

Sometimes a task that seems simple grows much larger.

In this case, users were confused when they first started using the app. I thought a simple tutorial would help.

2-weeks later and it is clear it is not yet done.

@conceptual_so #buildinpublic
๐Ÿ“ข Day 336-339 - People ๐Ÿ’œ

Went to a 2-day conference @TractionConf_io and talked to 50 incredible people. It was a blast.

Met CMOs, CEOs, CTOs, VCs, Founders and more.

Then it took two days to follow up with everyone ๐Ÿคฃ.

Was it worth it?

@conceptual_so #buildinpublic
๐Ÿ›  Day 331-335 - Deep in the weeds ๐ŸŒฑ

My desk looked like a mad scientist for the last couple of days ๐Ÿ™ˆ.

Given 3 points for the gradient handles, I was trying to figure out how to display it in Figma.

It took a math refresher and sheer will ๐Ÿคฃ

@conceptual_so #buildinpublic
๐Ÿ›  Day 329-330 - Onboarding ๐Ÿ›ฌ

Started working on onboarding and had to add the confetti ๐ŸŽ‰ and emojis ๐Ÿคฃ.

Ironically, it is the first time I have used Figma for UI design before coding in a while. This time it helped me plan UX better.

@conceptual_so #buildinpublic
๐Ÿ›  Day 328 - Sent Invitations ๐Ÿ’Œ

Sent out five invites to try out the Plugin.

My friend hit a wall when he saw empty content.

I thought this might happen, but it was good to experience it through fresh eyes.

Now the focus is on onboarding XP

@conceptual_so #buildinpublic
๐Ÿ›  Day 325-327 - User Testing ๐Ÿงช

Braved the heat wave โ˜€๏ธ and finally stopped procrastinating and got plugin install instructions done.

My first tester was my lovely gf. She found bugs ๐Ÿ™ˆ. It was really good to get a fresh set of eyes on it.

@conceptual_so #buildinpublic
๐Ÿ›  Day 324 - Cleanup Done โœ…

Finished cleaning up the layout. It's all working now well enough.

Time to stop procrastinating and write those instructions & invite the first few users.

Is anyone else putting off documentation? ๐Ÿ™ˆ

@conceptual_so #buildinpublic
๐Ÿ›  Day 323 - Layout & Cleanup ๐Ÿงน

Before adding a few new pages and examples for the new plugin, I decided to clean things up.

I created a separate layout for the customer-facing app from Tailwind UI and internal-admin (for me) using Mantine.

@conceptual_so #buildinpublic
๐Ÿ›  Day 322 - Bugs Crushed ๐Ÿ›๐Ÿฅพ

0 bugs remain ๐ŸŽ‰

8 bugs fixed (including 3 new ones)

One of them was figuring out what to do when you change pages. This was the simplest short-term solution I can think of.

@conceptual_so #buildinpublic
๐Ÿ›  Day 321 - Bug fixes ๐Ÿ›

3 Bugs fixed, and 5 Left to go.

Added a select box to show what template is being used to avoid confusion.

Before this, I assumed you had a frame called "Template". If you didn't, it won't work. Small but important.

@conceptual_so #buildinpublic
๐Ÿ›  Day 320 - Build Fixed ๐Ÿ˜

I ended up fixing my build minification by sticking to Vite & ESBuild and simply removing the --minify-syntax flag.

Trying to switch to Webpack was taking too long.

Now it is just bug fixes & prep for Alpha ๐Ÿคฉ

@conceptual_so #buildinpublic
๐Ÿ›  Day 319 - Publishing? ๐Ÿ˜ฑ

After 4-weeks of hard work, it was time to figure out how to publish a Figma Plugin.

It is always the scariest moment; you depend on an opaque review process. I've gone through it with iOS and Android a few times.

@conceptual_so #buildinpublic
๐Ÿ›  Day 318 - Login DONE ๐Ÿ”

Finished the simple firebase login for the figma extension.

Decided to only do password-based login to start. Login with google, etc can wait post launch.

All that is left now is to try and publish it.

@conceptual_so #buildinpublic
๐Ÿ›  Day 317 - Login

Started working on login to be able to publish the plugin and give access to a small group.

Frustratingly hit roadblocks, but I think I have a solution ๐Ÿ˜.

Read on for technical details.

@conceptual_so #buildinpublic
๐Ÿ›  Day 315-316 - Frame Properties + Font Size

In short, added the ability to quickly create multiple sizes of the template and resize font ๐Ÿคฉ.

I dare you to do this in Canva, Figma or any design tool.

@conceptual_so #buildinpublic
๐Ÿ›  Day 313-314 - Made it work again ๐Ÿคฉ

Got the original concept I shared a few weeks ago work again ๐Ÿ˜.

I've changed library Handsontable => AgGrid and re-arrange everything.

I also added settings โš™๏ธ

@conceptual_so #buildinpublic
๐Ÿ›  Day 312 - Cleanup ๐Ÿงน

Tying up a few loose ends in the code and cleaning up.

Prepping for hooking things back up to Figma ๐Ÿ˜

@conceptual_so #buildinpublic
๐Ÿ›  Day 310-311 - Redemption?

I switched to AgGrid and got it to work the way I want ๐Ÿฅณ (mostly).

โŒจ๏ธ Keyboard nav
โž• Add/Remove properties to control design
๐Ÿงฉ Smart components - color picker, image picker, etc
๐Ÿ“‘ Spreadsheet like controls

@conceptual_so #buildinpublic
๐Ÿ›  Day 308-309 - The Struggle

After a lot of struggle got Handsontable to render custom cells.

It really shouldn't be this hard. The sad news is there are still bugs with it.

Going to try to switch to Ag-grid Enterprise.

@conceptual_so #buildinpublic