Allow Creating a New Collection from "Add to Collection" Modal

Increasing Access

This feature would help:

1. New users by making collections more discoverable and easier to use.
2. Power users by reducing the number of steps required to stay organized.
3. Everyone by making the editor more intuitive and fluid, especially during creative bursts.

It promotes accessibility through workflow simplicity and aligns with the editor’s goal of being beginner-friendly yet powerful.

Feature enhancement details

Current Behavior

When a user wants to add a sketch to a collection using the “Add to Collection” button in the editor, they can only select from existing collections. If the desired collection doesn’t exist, the user must:

1. Navigate to their profile
2. Create a new collection there
3. Return to the sketch editor
4. Reopen the "Add to Collection" modal
5. Then add the sketch to the newly created collection

This creates unnecessary friction, especially for users organizing their work frequently or those new to the platform.

Proposed Enhancement

Add the ability to create a new collection directly from within the “Add to Collection” modal. This could be a button like “+ New Collection” or an inline input field that allows users to quickly create and add their sketch to a new collection — all without leaving the editor.

🎥 Demo (Google Drive)

Watch the screen recording

Final Thoughts

I'm new to contributing to the p5.js Web Editor and really excited to get involved!
This is a small UX idea that I believe could enhance the user experience.
I'd love to hear your thoughts on whether it aligns with the project’s goals — happy to discuss or revise the idea based on feedback.

Start by locating the editor's “Add to Collection” modal and the existing profile-based collection creation flow. Trace how collections and sketches are saved, then verify that a new collection can be created and the current sketch added without leaving the editor.