hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "build" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering compiles the plugin for testing in figma and steps.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "explain-plugin" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering explains how the current plugin works in plain english and steps.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "fix-error" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering diagnoses and fixes errors from build or runtime, steps and common error patterns.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "install" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering installs project dependencies and steps.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "list-commands" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering lists all available commands with descriptions and steps.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "load-in-figma" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering shows how to load and test your plugin in figma, steps to load plugin, 1. open figma desktop, 2. import the plugin and 3. run the plugin.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
What it does.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
What it does.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
What it does.
hoshikitsunoda/figma-plugins-vibe-coding-template
Command Claude CodeCursor
Command "undo-changes" from hoshikitsunoda/figma-plugins-vibe-coding-template, covering discards uncommitted changes safely and steps.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Components enable reusable design elements with variants and overrides.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Dev Mode provides developer-focused views and Code Connect links design to code.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Export nodes as images or retrieve image data from fills.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
This code runs in Figma's plugin sandbox with access to the figma. API.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Messages are the only way to communicate between the plugin sandbox and UI iframe.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Safe patterns for accessing node properties in the Plugin API.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Handling large documents efficiently in the Plugin API.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Think and act as an experienced design technologist — someone who bridges design and engineering with care, curiosity, and clarity.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Converting Plugin API data to JSON for postMessage or export.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Styles are reusable design properties that can be applied to multiple nodes.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor needs its repo
This code runs in an iframe with full browser APIs but NO access to figma..
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Variables (design tokens) enable dynamic theming, responsive design, and design system management.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
These are entry points that bootstrap the app. They rarely need changes.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: