Noodler

About this plugin

Noodler eliminates the manual work of transcribing Figma prototype connections during development handoff. It instantly scans selected frames and converts "noodles"—triggers, destinations, animation durations, and delays—into production-ready data or code snippets. Noodler bridges the gap between visual design flows and application routing logic, ensuring perfect prototype fidelity in the live app.Key Functionality:Comprehensive Data Capture: Extracts triggers (ON_CLICK, AFTER_TIMEOUT), actions (Maps, OPEN_OVERLAY), destination frames, animation types, easing, direction, and specific timing details (delays/timeouts).Smart Unit Normalization: Automatically handles Figma’s inconsistent API units (converting visual seconds to developer-expected milliseconds and vice versa), ensuring accurate timing for target platforms.Multi-Platform Export:JSON: Clean, structured raw data array, ideal for driving state machines or feeding into AI coding agents.iOS (SwiftUI): Idiomatic navigation snippets, including DispatchQueue.main.asyncAfter blocks with correct timing conversion (seconds).Android (Jetpack Compose): Idiomatic navigation boilerplate, including LaunchedEffect delays with correct timing conversion (milliseconds).Markdown Table: Instantly generate clean documentation mapping all screen-to-screen routing for specs.Use Cases:Developer Handoff: Provide mobile or web engineers with the exact routing boilerplate and animation timings needed, eliminating misinterpretation.AI Code Generation: Export clean JSON to feed into AI code editors (like Cursor) to wire up complex navigation structures instantly.Documentation: Quickly generate a functional map of all application flows for functional specifications.