My shapes
My shapes is your personal library of reusable objects. Save anything you want to use again, file it into folders, and drop it back onto any design with one click.
Quick overview
- Create or select a shape: a preset, a pen path, a converted paint-brush stroke, or a converted text or image object.
- Save it: click the save prompt that appears after creating a shape, right-click it and choose Save to My Shapes, or use the floating toolbar's save button.
- Open the Shapes panel (
Alt+5) and click the My Shapes entry button to browse, organize, or insert what you have saved.
Saved text objects come back as shape assets, so they show up in layers and later clipping flows as shapes rather than editable text.
Detailed reference
Opening the browser
The My Shapes entry button sits at the bottom of the preset shape grid and shows a live count, for example "12 shapes, 3 folders," so you can gauge your library size before opening it. The browser opens in place over the shape presets; the Back button at the top level returns you to them.
On the infinite-canvas scene, the same browser opens from the toolbar: pick the Shapes tool (R) to open its fly-out of quick shapes, then click the Gallery cell at the end of the row. Both entry points open the exact same library.
Layout
| Region | Contents |
|---|---|
| Header | A Back button and a breadcrumb trail, for example My Shapes / Logos / Marks |
| Toolbar | A search box, a New folder button, and a Select toggle |
| Bulk bar | Hidden until Select mode is on; shows the selection count plus Move and Delete |
| Body | Folders first, then the shapes in the current folder |
Each folder card shows an icon, a name, and a recursive count of what it contains. Each shape card shows a thumbnail, a name, and inline Rename and Delete buttons.
Folders
Folders nest up to 3 levels deep: a top-level folder, a sub-folder, and a sub-sub-folder.
| Action | Result |
|---|---|
| New folder (toolbar button) | Creates a folder inside whatever folder is currently open, or at the root from the top level |
| New subfolder (folder menu) | Creates a child folder inside that specific folder |
| Rename | Change the name, up to 60 characters |
| Change icon | Pick from 6 presets: folder, star, heart, shapes, tag, bookmark |
| Delete | Removes the folder; its shapes bubble up one level rather than being deleted |
Depth limit
New subfolder is disabled inside a folder already at the deepest level, and a move that would exceed 3 levels is blocked with a notice.
Organizing with drag and drop
| Drag this | Onto this | Result |
|---|---|---|
| A shape | A folder card | Files the shape into that folder |
| A folder | Another folder card | Nests the dragged folder inside the target |
| A shape or folder | The empty area of the current view | Moves it into the folder you are viewing |
| A shape or folder | The Back button or breadcrumb | Moves it up one level |
Dragging is disabled while Select mode is active; use the bulk Move action instead. Dropping a folder into its own subfolder is refused with a notice, and so is any drop that would push the tree past 3 levels.
Select mode and bulk actions
Click Select to show checkboxes on both shapes and folders. Pick an action from the bulk bar:
| Action | Behavior |
|---|---|
| Move | Opens a folder picker listing the whole tree, indented, with a root option at the top |
| Delete | Removes every selected item after confirmation; shapes in a deleted folder bubble up unless they were selected too |
Search
Search spans your entire library, not just the current folder. Matching folders and shapes appear flattened by name, so you never have to remember where something was filed.
Saving a shape
| Source | How it becomes a shape |
|---|---|
| Paint brush to shape | A freehand stroke, traced and closed into a path |
| Pen tools | A path drawn with the bezier, freeform, or curvature pen |
| Selection, convert to shape | A raster selection traced into a vector path |
| Preset shapes | Any built-in shape, saved for quick re-access |
| Text or image objects | Right-click and convert to a shape asset first, then save |
Saving prompts for a name, renders an 80x80 thumbnail, and files the new entry into whichever folder is open in the browser (or the root, if you are at the top level).
What can be saved, and where the save button appears
Some objects are saved directly; others must be converted first.
| Object | Save path |
|---|---|
| Preset shape, pen path, brush shape, or a group | Saved directly with Save to My Shapes |
| Text object | Convert to Shape first, then save; the text stops being editable |
| Image | Convert to Shape first, then save |
| A raw multi-selection (several objects, not grouped) | Group them first, then save the group |
The Save to My Shapes action shows up in three places for an eligible object: the right-click context menu, the floating toolbar's save button, and, right after a paint-to-shape conversion, a one-click "Save to My Shapes?" link in the toast. Objects that are not eligible simply do not show the button.
Storage
Saved shapes and folders live in the browser's on-device database (IndexedDB) and persist across reloads and restarts. There is no fixed limit on how many shapes or folders you can save; folder nesting is capped at 3 levels, and total storage is bounded only by what the browser allows.
Step by step
Save a styled shape group, then reinsert it later
- Build and style the shapes you want to keep together, then group them, see Grouping and layers.
- Right-click the group and choose Save to My Shapes (or click the save button in the floating toolbar).
- In the Save Shape dialog, type a name and press
Enter. An 80x80 thumbnail is generated and the entry is filed into whichever folder the browser has open. - Later, open the Shapes panel (
Alt+5), click My Shapes, and click the shape's card to drop the whole group back onto the canvas, styling intact.
Turn a brush or pen mark into a reusable asset
- Draw a mark with the pen tools or paint it with the paint brush.
- For a painted stroke, convert the paint to a shape. A toast appears reading "Shape created" with a Save to My Shapes? link.
- Click the link (or right-click the new shape and choose Save to My Shapes), name it, and press
Enter.
Organize your library into folders
- Open the browser and click New folder in the toolbar; name it.
- Drag shape cards onto the folder card to file them, or open the folder first so new saves land there automatically.
- Nest a related folder inside another by dragging one folder card onto the other, up to 3 levels deep.
- To reshuffle several items at once, click Select, tick the shapes and folders, then use Move and pick a destination from the tree.
Convert a text logo into a shape asset
- Select the text object.
- Right-click and choose Convert to Shape. The words are locked into a vector asset and are no longer editable as text.
- Save it with Save to My Shapes so the finished mark is one click away next time.
Common tasks
- Rename a saved shape: click the pencil on its card and type a new name.
- Delete a saved shape: click the trash icon on its card, or select several and use bulk Delete.
- Move several shapes at once: click Select, tick them, click Move, and choose a destination folder (or the root).
- Search the whole library: type in the search box; matches from every folder appear flattened by name.
- Change a folder's icon: open the folder's options menu and choose Change icon, then pick from the six presets.
- File a save into a specific folder: open that folder in the browser before you save; new saves land wherever you are.
Troubleshooting
- "No reusable shape selected." The active object is not directly savable. A plain text object or image needs Convert to Shape first, and a raw multi-selection of several objects has to be grouped before it can be saved.
- The Save to My Shapes button is missing. It only appears for eligible objects (a path, brush shape, saved asset, preset shape, or group). Convert a text or image object first to reveal it.
- My saved text is no longer editable. Converting to a shape asset locks the text (it becomes a fixed vector), so it shows up as a shape in layers and clipping. Keep a separate editable copy if you still need to change the words.
- New subfolder is greyed out. You are already at the deepest level. Folders nest 3 deep at most, and any drag or move that would exceed that is blocked with a notice.
- A folder would not drop where I dragged it. You cannot move a folder into its own subfolder, and you cannot push the tree past 3 levels; both are refused with a notice.
- I cannot drag cards. Dragging is disabled while Select mode is on. Turn Select off, or use the bulk Move action instead.
- My saved shapes are gone on another computer or browser. The library lives in this browser's on-device database, so it does not sync across machines or browsers, and clearing the site's data removes it.
Keyboard shortcuts
| Shortcut | Action |
|---|---|
Alt+5 | Open the Shapes panel |
Tips
Filing is just a pointer
Moving a shape between folders only changes which folder it belongs to; the shape itself is not duplicated. Deleting a folder reassigns its shapes to the nearest surviving parent instead of deleting them.
Open the target folder first
Whichever folder is open in the browser becomes the save destination for your next shape. Navigate there before saving if you want it filed automatically.
Related
- Shapes for the built-in preset shapes
- Pen tools to draw a custom path worth saving
- Paint and fill for the brush-to-shape pipeline
- Selection tools to convert a selection into a shape
- Grouping and layers for how saved shapes behave once reinserted