Prototypr

Prototyping, UX Design, Front-end Development and Beyond ๐Ÿ‘พ | โœ๏ธ Write for us https://bit.ly/apply-prototypr

Follow publication

How I made over $33,000 on the Figma plugin without writing a single line of code ๐Ÿ‘ˆ

--

Figmaster Sales up until now

Iโ€™m a product designer and I specialize in creating design systems and component libraries in @figmadesgin. Design Systems are becoming so popular because they make products more consistent, accessible, improve their usability, and reduce design decision-making.

After a great success of my previous products www.antforfigma.com and www.systemflow.co I decided to create an educational resource to teach people how to design such systems. I wanted to show my way of doing this step-by-step.

I had this idea of a plugin for Figma, a workbook that will teach people how to build their own modern design system from scratch.

But why not a video course? Video courses are so popular in education! You may say.

I often find that when I watch a lesson I forget most of the things the author mentioned in the long video. Another problem is jumping between the video player and the software Iโ€™m learning. It distracts me a lot. Thatโ€™s why in Figmaster everything happens in Figma โ€” without jumping between 3rd party apps/websites, without pausing the video, etc.

OK, cool! I have an idea that I think is great.

But how do I know if people will like this form of learning? How do I know if my audience wants to learn how to build their own design system? ๐Ÿค”

I had to validate it somehow because I didnโ€™t want to write all lessons without knowing that!

๐Ÿ‘‰ I wanted to have at least 500 people on the email list to launch the pre-order.

๐Ÿ‘‰ I wanted to have at least 100 pre-orders to start working on a full course.

Since Iโ€™m not a JS developer and I donโ€™t know how to code plugins I decided Iโ€™ll create two demo lessons in Figma (as a design file) just to see if people will like this โ€˜reading and doingโ€™ approach. Iโ€™ve set up a simple landing page in Webflow and added a ConvertKit form to collect emails of students who got the demo lesson.

I sent out the email about the first demo lesson to my audience on Gumroad. On the first day, over 350 people signed up. In the meantime, I was preparing the second demo lesson and also sent out a survey to students who got the first lesson to collect feedback so I can improve the next one.

After the release of the second lesson, I had over 650 students on my list. At this point, I started preparing:

๐Ÿ‘‰ pre-order marketing

๐Ÿ‘‰ the design system preview that my students will build during the cour

๐Ÿ‘‰ full course curriculum

๐Ÿ‘‰ landing page

๐Ÿ‘‰ pricing plan

Three weeks after launching the second lesson, Iโ€™ve announced the pre-order and started selling on @gumroad.

๐Ÿ‘‰ the price for the solo license was $49 (now itโ€™s $99)

๐Ÿ‘‰ the price for the team license was $99 (now itโ€™s $399)

๐Ÿ‘‰ the sale window was 2 weeks

๐Ÿ‘‰ I informed my audience that if we wonโ€™t reach 100 pre-orders I will refund them and the project wonโ€™t happen

Learn Figma with Figmaster

The pre-order has ended with 191 sales and I started working on the full course.

๐Ÿ‘‰ I designed the pluginโ€™s UI and how it should work

๐Ÿ‘‰ I hired a developer to code it

๐Ÿ‘‰ I wrote the content for the first module of the course

๐Ÿ‘‰ I redesigned the landing page (www.figmaster.co)

๐Ÿ‘‰ I recorded the video for the hero section

After two weeks of hard work, I launched the plugin, the first module of the course, and the new website. Today, five modules of the course are finished. Up until now, I sold over 390 copies. ๐Ÿ”ฅ

What is more, the project was the #1 Product of the Day with over 700 upvotes on @producthunt on May 11.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Published in Prototypr

Prototyping, UX Design, Front-end Development and Beyond ๐Ÿ‘พ | โœ๏ธ Write for us https://bit.ly/apply-prototypr

Responses (8)

Write a response