Inflight Figma Plugin | Full Stack & Plugin Development
Leon Li
Verified
What is Inflight Figma Plugin?
Inflight Figma Plugin?Inflight is a Figma plugin designed to streamline the design feedback process for creators and teams. It allows users to select frames directly within Figma and export them as PNG or JPG files to a personal project hosted on Inflight.co, a dedicated design feedback platform. Beyond simple exporting, the plugin enables users to add voiceovers to provide context for their designs, making it easier to communicate intent and gather meaningful feedback and comments from teammates. Inflight bridges the gap between design creation and collaboration, enhancing workflows for designers seeking efficient, contextual feedback.
What I Did on This Plugin?
As an independent developer, I single-handedly built the Inflight Figma Plugin from scratch, drawing on my rich experience crafting Figma plugins, including large-scale projects like Tokens Studio for Figma. Below is a systematic breakdown of my contributions:
Development & Tech Stack:
Built the plugin using React, Vite, Tailwind CSS, and Shadcn/ui for a modern, efficient frontend
Integrated Supabase as a Backend-as-a-Service (BaaS) for authentication (email and Google), database management, edge functions for project updates, and storage buckets for exported image frames.
Code Quality & Best Practices:
Implemented ESLint, Prettier, and Husky to enforce the cleanest and most maintainable coding standards.
Delivered a pixel-perfect UI with a flexible, user-friendly UX tailored to designers’ needs.
Timeline & Ownership:
Completed the entire plugin in just 2 weeks, showcasing rapid yet meticulous development.
Took full ownership of the project as a solo developer, from concept to deployment.
Support & Iteration:
Provided long-term support post-launch to ensure stability and user satisfaction.
Currently working on the next version to introduce enhanced features and improvements.
Results & Impact
The Inflight Figma Plugin has made a tangible difference in design workflows, delivering measurable benefits to users and teams. Here’s a structured overview of its outcomes:
Enhanced Collaboration:
Enabled designers to export frames with voiceovers, improving context delivery and reducing miscommunication.
Streamlined feedback collection on Inflight.co, fostering more effective team interactions.
Efficiency Gains:
Accelerated feedback cycles by integrating seamlessly with Figma, saving users time and effort.
Achieved a fast, reliable experience thanks to a robust tech stack and optimized development process.
User Reception:
Garnered positive feedback for its intuitive interface, pixel-perfect design, and practical functionality.
Established trust through consistent post-launch support and a commitment to ongoing improvements.
Personal Achievement:
Demonstrated my capability to deliver a high-quality, impactful tool as a solo developer in a condensed two-week timeline.
Laid a strong foundation for future iterations, positioning Inflight as a valuable asset in the design community.
Like this project
What the client had to say
Leon was extremely quick and helpful, finished ahead of time and had great communication. Excited to work with him again
Kyle Barber, InFlight
Oct 26, 2024, Client
Posted Mar 4, 2025
Inflight is a Figma plugin that lets users export frames as PNG/JPG to Inflight.co, add voiceovers for context, and collect team feedback efficiently.
Likes
6
Views
132
Timeline
Oct 18, 2024 - Oct 26, 2024
Clients
InFlight
