Figmaster

Certificates of completion are here! 🏆

I'm excited to announce that certificates of completion are live! If you have finished the course, you can request your certificate and share it with the world! 🤩

What you'll receive and what you can do with this? 🤔

🏆 You will get a digital certificate of completion with your name on it.

🏆 The certificate will be hosted on figmaster co domain.

🏆 You can share the link to it on your social media.

🏆 You can add your certificate to your LinkedIn profile in the certifications section. Certifications are a great way to showcase your knowledge and professional achievements on your profile.

I finished all modules and they are available for all students.

The Figmaster is divided into modules.

Module 1. Style Guide

In the first module, we'll create design tokens and convert them into Figma Styles. We'll prepare the icon library for the entire system. We'll also set up some spacing rules that we'll follow in the next modules.

Module 2. Components

In the second module, we'll use the Styles, icons, and rules from the previous module to create the components. You will learn how to properly use auto layout and variants to build pixel-perfect Figma components.

Module 3. Documentation

In the third module, we'll create documentation components and frames. Then, we'll document our components and styles.

Module 4. Use it

In the fourth module, we'll build a simple UI with our design system. I'll also show you how to customize it for your needs. That is, change the colors, typography, or component properties to match your product or brand requirements.

Module 5. Team license bonus

In the last module, I'll show you how to work with a design system we created in a team. You'll also learn how to onboard new designers to the library. As a bonus, you'll also get access to additional resources on design systems, such as links, articles, book recommendations, etc. This module will be available for people who bought the team license.

I launched the Figmaster on ProductHunt.

The project was the #1 Product of the Day with over 700 upvotes on May 11!!!

What is more, it landed 4# Product of the Week too!

The successful launch drove extra traffic on the website which resulted in more sales.

https://www.producthunt.com/posts/figmaster

After a month of hard work, I launched:

• the plugin
• the first module of the course
• the new website

Costs:
🔻 Plugin development: 1150 USD
🔻 ConvertKit: 49 USD (monthly)
🔻 Webflow hosting: 288 USD (year)

I want to thank @gregrog and Greg Dlubacz for their continuous support during the project.

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 $299)

👉 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

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

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

I'm a product designer and I specialize in creating design systems and component libraries in Figma. 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? 🤔