I didn’t realize how many popular plugins were made by the Discord team and started as their internal tools! In this blog post, Daniel Destefanis shares their approach to building tools to prevent design debt, spend less time doing repetitive tasks, and improve the developer handoff process.
Lennon Cheng shares his experience of creating Figma plugins to improve and automate the design process. He is a designer without much development experience, and this makes his take especially interesting.
Jason Jun shares the whole process of building a plugin, from the idea, to developing a data structure, interface design, and writing code. “The process of repeatedly finding relevant documents while using design tools can be cumbersome. This gap between the documentation and design tool seemed to be very suitable for a plugin to fill.”
“I struggled with the Figma Plugin examples to understand how to access data from the canvas and into my app. The Figma Plugin examples have a React application sample which sends data to the canvas, but not the other way around. While this is seemingly straight forward, I didn’t immediately absorb the explanations from Figma Plugin website. In retrospect, the way to do this is quite simple.”
Thomas Lowry, Designer Advocate at Figma, wrote a recap of a session at Config on building your own plugins to help you and your team work faster. Great examples and use cases from GitHub, Atlassian, and Uber.