Button
A Figma & FigJam widget to execute simple actions like navigate to a frame or open a link.
Install / Use
/learn @aashreys/ButtonREADME
Button
A Figma & FigJam widget to open links and navigate design.
Development guide
This widget is built with Create Figma Plugin.
Pre-requisites
- Node.js – v14
- Figma desktop app
Build the widget
To build the widget:
$ npm run build
This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the widget.
To watch for code changes and rebuild the widget automatically:
$ npm run watch
Install the widget
- In the Figma desktop app, open a FigJam document.
- Search for and run
Import widget from manifest…via the Quick Actions search bar. - Select the
manifest.jsonfile that was generated by thebuildscript.
Debugging
Use console.log statements to inspect values in your code.
To open the developer console, search for and run Open Console via the Quick Actions search bar.
See also
Official docs and code samples from Figma:
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
