Spec
Card radius is 12. Padding is 16 on every side.
MMaya
For Figma and FigJam
Leave the note where the work is.
Pinnote is a sticky-note widget for Figma and FigJam. Write a note, point it at the thing you mean, and set a status.
The problem
Notes in Figma get lost.
A comment here, a chat message there, a sticky note nobody can place. Soon no one remembers what a note was about or whether it was done.
What a note holds
One card, everything it needs.
Pick a category: Spec, Dev Note, Fix / Bug, Review or To-Do. Choose a side for the pointer, short or long, and place its dot on the thing you mean. Then mark it Open, In Progress, Resolved or N/A.
Spec
Primary button is 44 high with a 12 radius. Keep the label to two words.
MMaya
2 replies
pointer
Review
The empty state feels cold. Can we add a short line and a button?
SSari
R
Reza
Sure. I will use the shared Button.
D
Dian
Done. Marked as resolved.
Go on, write a reply. It works like the real thing.
Working together
Talk it through on the card.
Replies stay in a thread inside the note. Every note and reply is stamped with who wrote it and when, so you never have to ask.
Keeping it organized
Easy to find, easy to follow.
Link a note to a layer and jump straight to it. Hit "next open note" to walk through what is left. Choose from 7 paper colors and 4 textures to sort things your way.
Spec
Sizes, spacing, rules.
Gap between cards is 24.
Dev Note
What the developer should know.
Reuse the Tooltip component.
Fix / Bug
Something is off and needs fixing.
Icon is 2px too low.
Review
Feedback on the design.
Is this contrast enough?
To-Do
Something to confirm or finish.
Check copy with content.
Paper and texture
Spec
Pick a paper and a texture. This note changes with you.
Find your way around
- Link to a layer. Attach a note to any layer, then click the chip on the note to jump to it.
- Next open note. Walk through unresolved notes from top to bottom.
- Light Markdown. Use **bold**, *italic* and `code` inside a note.
- Works in both. The same note runs in Figma and FigJam.
Handoff
Copy it as Markdown for Jira.
Copy one note as a clean summary, or select several and copy them all at once. Paste it into a ticket, or save it as a .md file.
### [Fix / Bug] Open
The label overlaps the icon below 320px.
Layer: Button/Primary
_Dian · 2026-11-08 11:02_
Bug
Label overlaps the icon below 320px
Layer: Button/Primary
An example ticket, written by hand.
Honest limits
Good to know.
Plain text while you type
Notes are typed as plain text. Bold, italic and code show up after you finish editing.
No notifications
Pinnote does not send push notifications or support @mentions. Tell your team where to look.
The toolbar is Figma's
The floating toolbar above a selected note is Figma's own, so it looks the way Figma draws it.
Not on Community yet
You install Pinnote from the GitHub repo for now. It is free to use.
Install from GitHub
- Download the repo and run
npm install, thennpm run build. On Windows,.\setup.ps1does both. - In Figma desktop, open Plugins, then Development, then Import widget from manifest, and choose
manifest.json. - Press Shift + I, open Widgets, then Development, and add Pinnote to the canvas.
FAQ
Questions, answered.
What is Pinnote?
A widget that adds sticky-note annotations to your Figma or FigJam canvas, with categories, a pointer line, a status and threaded replies.
Does it work in both Figma and FigJam?
Yes, in both.
What does it cost?
It is free from the GitHub repo for now.
Will my teammates get a notification?
No. Pinnote has no push notifications or @mentions, so tell people where to look. Author and time are stamped on every note.
Can I format my text?
Lightly. Use **bold**, *italic* and `code`. You type plain text, and the formatting shows after you finish editing.
Give your notes a place to live.
Get Pinnote from GitHub and drop your first note on the canvas.
Get Pinnote on GitHub