Course of Develop Figma Plugins with TypeScript

💸 First lesson available without registration 💸

With the arrival of Figma to the world of interface design, the collaborative framework between design and development has infinite possibilities, one of which is to extend the native functionality of the application with your own needs. With this course, you will discover the tools that Figma makes available to us to develop plugins for its platform.

• With this course you will learn to:
  • 🚀 Implement your own Figma plugin
  • 👌 Apply best practices when using TypeScript
  • 🧪 Add testing with use cases

During the course, we will see:

1. 👶 Discover the potential of Figma plugins
   • 🎨 How I work with Figma to design and program websites
   • 🥰 My 5 favorite Figma plugins
   • 🪄 The EASIEST and FASTEST way to develop Plugins for FIGMA: Let's start developing!!
2. ⚙️ Automate your workflow: Speed up the scaffolding of your projects
   • 🏗️ Create Figma elements automatically with the API: Page structure
   • 👩‍🎨 Create content for the pages of Figma with the API: Programmatic design of the Cover
   • 🌍 Discover the Figma API and take full advantage of its potential
3. 🎨 Add UI to your plugin: Form to ask which pages to create
   • 🤏 Add functionalities through custom menus without the need for UI
   • 🖌️ Form to enter the names of the pages to create
   • 🧰 Logic in TypeScript to save state between executions: Remember the last page structure
4. 🚀 Fine-tuning and publishing the plugin in Figma Community
   • 💅 Figma Plugin Design
   • 🌈 Publishing your plugin: Figma Community
5. 🤟 Conclusions and next steps
   • 🤏 Things that plugins cannot do in Figma
   • 🔮 Conclusion and next steps