Add lists, quotes, links and images to a sticky note

Goal

Write a note with more than plain text: a checklist of points, a quote from a user test, a link to a ticket or a screenshot.

Before you start

• A Notely Widget note on the canvas.

Steps

1. Open the editor Click Edit in the note's footer, or select the note and click Edit in the toolbar. A small Edit Note window opens. Changes save by themselves while you type; there is no Save button.
2. Write a list In the text field (Write something…), click Bullet list or Numbered list in the editor's toolbar.
3. Add a quote Click Add quote section, type the Quote text and, if you like, an Attribution such as the author or source, then click Insert. The card shows it in italics with "— Author" below.
4. Add a link Click Add link section and paste the URL. The editor suggests display text from the address; click it to write your own. Click Insert, and the link appears as a chip on the card.
5. Add an image Click Add image (or the picture button in the card's footer), then drop, paste or choose an image and click Insert. You can also paste an image or drop a file anywhere on the editor.
6. Set the type, color and size Use Change type for the tag, Change color for the card color, and the S, M and L chips for the size. The + next to them adds a new blank note beside this one and opens it.

Tips

• The eye buttons next to the title and text hide them on the card, for example to show only a picture.
• Large pictures are scaled down to fit 800 × 600 px before they are stored in the note, which keeps the file light.
• While the editor is open, select another Notely card on the canvas and the editor switches to it.

Result

A note on the canvas with your lists, quotes, link chips and pictures.

If something goes wrong

• My list turned into plain text. Editing the text directly on the card replaces the editor's formatting with plain text. Make formatted changes in the editor.
• "SVG images are not supported" Export the graphic as PNG or JPEG and add that instead.
• A link chip on the card does not open. Only addresses that start with http:// or https:// open from the card, and not while the editor is open. Edit the link and add https://.

Related guides

• ADD & STYLE NOTES
  Add a sticky note in Figma or FigJam and change its color, tag and size Place the Notely widget, type a title and text right on the card, then use the toolbar above it for color, size and collapsing.
  →
• TROUBLESHOOTING
  I can't edit a sticky note on the canvas A note locks while its editor is open, for everyone in the file. Close the editor, or click the lock icon to clear a lock left behind.
  →