Building The AI Layer:
Plugins, Dashboards, and Demos for Drone Ops

Building The AI Layer:
Plugins, Dashboards, and Demos for Drone Ops

Role

  1. AI native Product Designer

  2. June 2025- July 2025

  3. FlytBase, Pune.

  4. Worked with PMs, engineers, CEO

Methods

AI, Vibe Coding / Journey mapping / Prompt Engineering / UX Research / Prototyping /

Challenge

My task was to optimize the internal design process. Design interactions for dockless operations and RC control. Make AI@FlytBase website.

this case study is different

this case study is different

Why?

Why?

Through out the internship I worked on multiple projects, and the following is a compilation of all of them. Why not only have any one? Because the general theme grouping them is AI and I want to share all of them :)

So…

So…

You can view any mini project or scroll to view all

#1 Figma Plugin

Optimizing the design process

Optimizing the design process

When I joined the team, I was given the task to go through the design process from first principles and see how it could be optimized so designers could focus on the important part interactions and user behavior.


The team was already using AI to generate quick iterations and showcase all states of a design to the developer thus reducing the manual effort in Figma.


But there was still a gap: AI designs or code couldn’t directly go to developers due to poor code quality, inconsistent design styles adherence when imported from Figma and Figma was still the necessary step for handoff and for making smaller niche changes.

Problem

Problem

At that time, designers were literally taking screenshots of AI-generated designs and then recreating them in Figma with design system. This was slow, repetitive, and frustrating.

Research and insight

Research and insight

I started by looking at how AI design tools export their outputs.

  • Most of them render frontends in React or HTML and give you a preview or publish link.

  • These could be imported into Figma using popular HTML-to-Figma plugins.

  • But the issue was, the designs would come in as they were, without respecting the design system. Colors, spacing, border radii, and typography didn’t map to DS tokens. The imports looked fine at first glance, but weren’t actually usable.

The solution: Harmony plugin

Whether you’re importing AI-generated UIs or working with inconsistent layouts, this tool ensures pixel-perfect adherence to your style guide/ design system.

Experience it here

#2.1 Dockless Ops and RC UI

What was happening before

FlytBase primarily focuses on autonomous drones, which are primarily dock drones.

My job was to add support to the software for RC drones, remote controlled drones.

Problem

  • Non-dock (dockless) drone operations and the RC (remote controller).

  • AI detection, tracking interface changes

The challenge here was that operators need reliable control even without a docking setup, and the UI had to make switching between autonomy and manual control as smooth as possible. On top of that, connectivity and field conditions could be unpredictable, so the design needed to make critical actions obvious and easy.

Brief

Transform FlytBase from a docked-drone platform into a unified fleet orchestration system that seamlessly integrates RC-controlled drones alongside autonomous dock operations.

Design

New RC Interface

Designed embedded interface within DJI Pilot 2 featuring streamlined registration flow, device pairing, and connection status - optimized for RC controller touchscreens

Web Portal Evolution

Redesigned existing FlytBase dashboard components to seamlessly integrate non-docked drones alongside docked operations across Fleet View, Video Wall, Flight Logs, and Device Management

View entire design

#2.2 AI detection & Tracking

Brief

Redesign the AI detection and tracking flow for the users,

  • Competitor analysis (DJI native software)

  • Map out the missing flows and design states of the interactions

    • Designing for main view and in fleet view.

    • Detection + tracking

      1. Payload control

      2. Drone Control

      3. Spectator View

    • Only detection, with visual, auditory feedback

    • In-tracking edge cases

Design

Design

Redesign

#3 Generative UI

Experimenting

While working on UI Verkos.ai, a fully AI-native product, I was responsible for exploring innovative directions for next-generation devices and AI-first user experiences. One of the key focus areas was Generative UI.

While working on UI Verkos.ai, a fully AI-native product, I was responsible for exploring innovative directions for next-generation devices and AI-first user experiences. One of the key focus areas was Generative UI.

I strongly believe that interfaces will never be boring again, thanks to Generative UI

Generative UI experiment on a Claude artifact

Dump any content into this artifact and see the AI understanding and creating contextual UI for it.

#4

What?

Verkos AI is a new vertical which focuses on site intelligence and is a extension to the FlytBase but expands beyond drones to other inputs like robots, CCTV feeds, physical AI

Verkos AI is a new vertical which focuses on site intelligence and is a extension to the FlytBase but expands beyond drones to other inputs like robots, CCTV feeds, physical AI

Brief

Design fast prototypes(1-2 days) for new features and get feedback, embracing "FAIL FAST"

  • Next-gen AI-powered reports for contextual insights

  • Verkos demos to showcase the product vision and AI-native workflows

Design fast prototypes(1-2 days) for new features and get feedback, embracing "FAIL FAST"

  • Next-gen AI-powered reports for contextual insights

  • Verkos demos to showcase the product vision and AI-native workflows

How

Made working frontend prototypes end to end with AI, which developers can directly pickup

Made working frontend prototypes end to end with AI, which developers can directly pickup

The speed at which AI enables iteration and design allows launch prototypes and MVP concepts within just 1–2 days.

The speed at which AI enables iteration and design allows launch prototypes and MVP concepts within just 1–2 days.

AI Reporting Dashboard

Working Feature Demos

#5 AI@FlytBase Website

What?

FlytBase hosts AI events, meetups, sessions twice every week and all this happens on whatsapp and was documented on a website which earlier on:

FlytBase hosts AI events, meetups, sessions twice every week and all this happens on whatsapp and was documented on a website which earlier on:

A dedicated developer used to update the website because of its rigid UX and poor CMS usability to non-webflow experts

Anyone company member can just drop a

Google, Notion Doc, any URL and publish a blog post on the custom coded website with role based access

ALL this in 2 days, using

&

Future Scope

Continuing to demand more from AI and diving deep into UX in the age of AI, enhancing understanding of human behavior and user psychology to contribute meaningfully alongside AI till AGI :)

Impact

Learnings!

Learnings!

Challenge

  • Adapting to a completely new domain, both complex and fun: drones.

  • Learning to "talk" to AI and boosting efficiency.

Surprise

The more you use AI, your domain value and skill increases because you are no longer just a translation layer but a visionary and manager.

Insight

Discovered and learnt the art of demanding more from AI and pushing efficiency limits.

Skills learnt

  • First principle thinking,

  • Fast paced production grade design

  • Generative AI tools, Context engineering

  • Vibe coding,

  • Designing for the future.

  • First principle thinking,

  • Fast paced production grade design

  • Generative AI tools, Context engineering

  • Vibe coding,

  • Designing for the future.

Create a free website with Framer, the website builder loved by startups, designers and agencies.