Noodles
by Ryan Stone
Prototype your Figma flows with one delicious click!
Installs
62
Likes
19
Users
267
Views
521
Preview
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 OrderingAutomatically sorts your frames from left to right and top to bottom before connecting, creating logical user flows🥡 Customizable FlowsSet custom flow names or let Noodles auto-generate them for you🎬 Animation BuffetChoose from multiple trigger types:
On clickWhile hoveringAfter delayChoose from multiple transition types:
InstantDissolveSmart animateMove-inMove-outPushSlide-inSlide-outPlus adjustable curves and durations.
🎯 Flow Starting PointsAutomatically sets the flow starting point on your first frame🎉 Fun Success MessagesGet a random celebratory message like "Slurrrrrrrp!", "Fork yeah!", or "Al dente!" when your noodles are ready⚙️ Settings PanelFine-tune your noodle preferences with animation type, easing curves, and transition durationHow to use:
Select 2 or more frames in your designOpen Noodles from the Plugins menu(Optional) Customize the flow name(Optional) Customize the animation typeClick "Make dem noodles"Boom! Your frames are now connected with prototype links.
Perfect for:
Rapid prototypingCreating user flowsConnecting multi-step processesMaking your design reviews more interactiveStop spending time on repetitive prototype connections. Let Noodles do the work while you focus on what matters - creating amazing designs!
More prototyping & animation plugins plugins
View allFigmotion
by L
Bringing motion to your Figma designs
LottieFiles - Discover, Create & Export Lottie animations
by LottieFiles
Animate Your Designs with Lottie Animations
Motion – Animate UI & Create Animations in Figma
Paidby Pavel Babkin
Animate UI in Figma. Export to video, GIF, SVG.
Jitter · Animation for Figma
by Jitter
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers