FlowDoc

About this plugin

FlowDoc uses AI to create professional design handoff documentation in seconds.FEATURES:- Create Handoff Docs - Generate detailed documentation cards for each screen including purpose, use cases, edge cases, and component references- Scan Flow - AI analyzes your user journeys and identifies navigation patterns across your designs- Edge Case Detection - Automatically finds missing states, error screens, and edge cases in your flowsMULTI-AI SUPPORT:Choose your preferred AI provider:- Anthropic (Claude Opus 4.5, Sonnet 4.5, Haiku 4.5)- OpenAI (GPT-4, GPT-4 Turbo, GPT-3.5)- Google (Gemini Pro, Gemini Flash)REQUIREMENTS:You'll need your own API key from Anthropic, OpenAI, or Google. Keys are stored locally on your device and sent securely through our backend only when making AI requests. Keys are never stored on our servers.Perfect for designers who want to:- Speed up developer handoff- Document complex flows systematically- Catch missing screens before development- Create consistent documentation across projectsHOW TO USE:1. Get an API KeySign up at Anthropic, OpenAI, or GoogleCreate an API key (instructions in plugin)2. Set Up PluginOpen FlowDoc in FigmaEnter your API keyChoose your AI provider & model(Optional) Enable Platform Constraints or Data Logic sections3. Create DocumentationSelect screen(s) in FigmaClick "Create Handoff Doc"Cards appear below each screen4. Advanced FeaturesUse "Scan Flow" to analyze user journeysUse "Edge Case Detection" to find missing screens