PropSelect
Copy-paste selected properties in Figma with ease
Overview
PropSelect is a Figma Plugin that enables you to choose which property to copy for pasting to another element. This plugin has been made (almost) entirely using AI and follows all Figma best practices and guidelines
Here's a video summarising this plugin and its working.
Challenges
Making of this plugin was a masterclass in using AI to build tools as it is far complex than it seems. While AI is great at generating simple scripts and tools, getting it to make something of this complexity is not as easy as writing 1-shot prompt. Also, making updates to generated code was also something where I needed to figure my way out. While this started as a simple task, it took more then few weeks to materialise. My limited programming knowledge also was a reason for high turn-around time.
Tools used
GPT-4o, Github Copilot in VS Code
Features
• Selective property copying: Choose exactly which properties to copy (e.g., fill, stroke, corner radius) to avoid overwriting unwanted styles.
• Multi-object pasting: Apply copied properties to multiple objects, saving time when working with multiple elements.
• Compatibility with other methods: You can paste properties copied outside of the plugin directly. Copying properties within plugin will not override that.
• Undo support: Easily undo your last action if something goes wrong.