Noodles

About this plugin

Noodles automatically creates prototype connections between your selected frames faster than you can say "ramen".

What's cooking?

Select multiple frames and click "Make dem noodles" to instantly connect them with prototype interactions. No more tedious manual linking - Noodles handles it all in one delicious click!

Key Features:

🧑🏻‍🍳 Chef Mode (NEW)

Automatically creates intelligent prototype connections by analyzing your frames and matching buttons to their intended destinations, turning hours of manual linking into seconds of smart automation.

🍝 Smart Frame Ordering

Automatically sorts your frames from left to right and top to bottom before connecting, creating logical user flows

🥡 Customizable Flows

Set custom flow names or let Noodles auto-generate them for you

🎬 Animation Buffet

Choose from multiple trigger types:

1. On click
2. While hovering
3. After delay

Choose from multiple transition types:

1. Instant
2. Dissolve
3. Smart animate
4. Move-in
5. Move-out
6. Push
7. Slide-in
8. Slide-out

Plus adjustable curves and durations.

🎯 Flow Starting Points

Automatically sets the flow starting point on your first frame

🎉 Fun Success Messages

Get a random celebratory message like "Slurrrrrrrp!", "Fork yeah!", or "Al dente!" when your noodles are ready

⚙️ Settings Panel

Fine-tune your noodle preferences with animation type, easing curves, and transition duration

How to use:

1. Select 2 or more frames in your design
2. Open Noodles from the Plugins menu
3. (Optional) Customize the flow name
4. (Optional) Customize the animation type
5. Click "Make dem noodles"

Boom! Your frames are now connected with prototype links.

Perfect for:

1. Rapid prototyping
2. Creating user flows
3. Connecting multi-step processes
4. Making your design reviews more interactive

Stop spending time on repetitive prototype connections. Let Noodles do the work while you focus on what matters - creating amazing designs!