Inflight Figma Plugin | Full Stack & Plugin Development

Leon Li

Verified

Completed work

Review

Frontend Engineer

Fullstack Engineer

Software Engineer

React

Supabase

Vite

Software Engineering

What is `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

Completed work

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

Views

Timeline

Oct 18, 2024 - Oct 26, 2024

Clients

InFlight

Inflight Figma Plugin | Full Stack & Plugin Development

What is Inflight Figma Plugin?

What I Did on This Plugin?

Results & Impact

What is `Inflight Figma Plugin`?