Media Git

Sick of “final_v6_FINAL.png”? Media Git brings GitHub-style control to creatives—branch, diff, rollback, and auto-review your assets with AI. No more mess. Just clean, smart creative flow.

Comment

Inspiration

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

Media Git — GitHub for Creatives

Inspiration

Our inspiration came from every creative team's shared nightmare: folders packed with files named design_final_v5_FINAL_revised.psd. We’ve all been there—tracking versions through filenames, juggling feedback across Slack, email, and Figma, and praying we don’t overwrite the wrong draft.

Meanwhile, developers have GitHub: powerful version control, branching, merging, and history—all in one place. We thought: Why don’t creatives have that too? That’s when the idea for Media Git was born—a GitHub-style workflow made visual, intuitive, and AI-powered for designers inside Adobe Express.

What it does

Media Git is a full creative version control and collaboration system embedded inside Adobe Express. Key features include:

  • Visual Version History: Every edit is saved as a version with visual diffs.
  • Branching & Rollback: Explore ideas without overwriting the original; go back anytime.
  • Agentic AI Collaboration:
    • Auto-summarizes design changes
    • Auto-assigns reviewers based on rules or roles
    • Flags issues like off-brand colors or low-res assets
  • Approval Workflow: Multi-stage reviews with Slack/Teams/email integration.
  • Merge Requests: Propose changes from branches with AI-assisted conflict resolution.
  • Audit Trail: Every edit, comment, and decision is logged for transparency.

How we built it

We combined the power of modern web tools and Adobe's Add-on SDK:

  • Frontend: Built using Next.js with React, for a responsive, intuitive UI inside the Express panel.
  • Canvas Editing: Fabric.js enables real-time visual diffing and rendering of design changes.
  • Workflow Graphs: React Flow powers the interactive Git-style branching interface.
  • Backend: Next.js API Routes and Prisma ORM connect to a PostgreSQL database that stores all version metadata, diffs, comments, and workflow data.
  • AI Agents: We used an agentic AI framework to build autonomous agents that:
    • Observe before/after document states
    • Think (summarize, flag issues, assign reviewers)
    • Act (send notifications, log tasks, trigger status updates)

We also containerized the app using Docker for easier scaling and deployment.

Challenges we ran into

  • Visual Diffing for Design: Unlike text files, creative files are deeply nested and spatial. We built a custom algorithm that compares JSON representations of the canvas to highlight exact visual changes.
  • Making Git Concepts Intuitive: “Commit,” “branch,” and “merge” aren’t natural terms for creatives. We rebranded them (e.g., "Create New Idea Branch") and designed a UX that’s drag-and-drop and visual.
  • Prompt Engineering for Agentic AI: Getting concise, accurate change summaries required dozens of iterations to avoid AI hallucinations.

Accomplishments that we're proud of

  • We built a working visual diff engine that can detect layout and styling changes on the fly.
  • Our AI agent can summarize updates, assign reviewers, and even flag brand compliance issues—all autonomously.
  • We created an experience that feels native to creative workflows, while powered by Git-level logic under the hood.

What we learned

  • Creative workflows can benefit from developer-grade discipline—but the UX must speak the creative language.
  • Diffing creative documents is a non-trivial problem—requiring spatial reasoning, DOM analysis, and UI overlays.
  • Agentic AI isn’t just automation—it’s goal-oriented logic. It enabled us to build a system that doesn’t just react, but thinks.

What’s next for Media Git

  • Open Beta Launch: After polishing, we'll submit to the Adobe Express Add-on Marketplace.
  • Integrations: Add support for Asana, Trello, Slack, and Microsoft Teams.
  • Advanced AI: Train the agent to suggest A/B testing variations and assist in creative decision-making.
  • Video & 3D Diffing: Extend support to rich media formats with frame and layer-level versioning.
  • Enterprise Mode: Add team management, permissions, and compliance dashboards for agency use.

Built With

Share this project:

Updates