• Figma Make
  • DesignOps
  • Design Systems
  • Supabase
  • AI

Building Internal Tools That Turn Designers Into Builders

How I helped Stepstone shift from buying tools to building them, using AI-powered workflows and Figma Make to create a new generation of internal design tooling.

Read the Figma customer story

Overview

At Stepstone, our design organisation was scaling rapidly across more than 20 product designers embedded across 40+ product development teams. As that growth continued, so did our reliance on third-party tools to support documentation, localisation, and internal workflows.

These tools solved individual problems but introduced new ones: fragmented workflows, high costs, limited flexibility, and slow iteration cycles. We reached a point where our processes were being shaped by the limitations of our tools rather than the needs of our teams.

"The moment Figma integrated Supabase into AI platforms, the game changed. This was no longer a question of whether it was possible. It was possible now."

Andy Gordon, Design Operations & Design Systems, Stepstone

The Shift: From Tool Users to Tool Builders

Advancements in AI and tools like Figma Make fundamentally changed what designers could do. Instead of relying on engineering for internal tools, designers could create functional prototypes that behave like real products, connect to live data sources, and build and iterate on internal workflows independently.

This led to a key shift in mindset:

Designers shouldn't just design interfaces. They should design the systems that power how design works.

What I Built

1. Design System Documentation Platform

Problem

Documentation was spread across multiple tools, difficult to maintain, and inconsistent in structure. It lacked a scalable system for managing and publishing content.

Solution

I designed and built a CMS-style documentation platform using Figma Make, powered by a Supabase backend, with structured component-driven pages, a Gutenberg-style editing experience, role-based permissions, and dynamic page generation.

CMS interface, page editor + side navigation

"We explored how Figma Make could help us rethink how operational knowledge is created and maintained across the organization. The aim was to bring guidance from design systems, brand, content, and accessibility into a single source of truth."

Rachel Lumley, Lead Product Designer for Design Systems, Stepstone

"It's the kind of governance functionality that design teams typically rely on external platforms for, built entirely in-house and tailored to how the team actually works."

Andy Gordon
  • Single source of truth for the design system
  • Reduced duplication and outdated content
  • Designers can contribute and maintain documentation independently

2. Localisation & Translation Tooling

Problem

Localisation workflows were disconnected from design, manual processes, inconsistent translation handling, and no direct link between design files and translation systems.

Solution

A Figma-integrated translation management system and plugin that lets designers switch between languages while working. At the centre is an internal AI model built on Claude, trained on Stepstone's tone of voice documentation.

Figma ↔ Supabase translation flow

"What's powerful is that I could tailor the dashboards to provide the level of operational visibility that off-the-shelf tools rarely give you. Being able to experiment and adjust these dashboards myself makes it much easier to continuously evaluate and improve the system."

Mala Vadhia, Senior Design Operations Specialist, Stepstone
  • Saves £20,000–£30,000 per year vs. third-party tooling
  • Scalable multilingual design across international products
  • Improved consistency in translated content through AI tone-of-voice training

3. AI-Powered Documentation Authoring

Problem

Writing and maintaining documentation was time-consuming, inconsistent, and difficult to scale across teams contributing at different rates.

Solution

An AI-powered content assistant integrated directly into the documentation platform, context-aware generation per component section, structured prompts aligned to design system standards, supporting guidelines, usage notes, and accessibility documentation.

AI assistant generating documentation inside CMS
  • Reduced time to write documentation per component
  • Improved consistency in tone and structure across contributors
  • Faster onboarding for new documentation contributors

4. Research-Ready Prototypes & Data Integration

Problem

Traditional prototypes required artificial scenarios during research, couldn't handle real user input, and lacked realistic data, limiting the quality of findings.

Solution

Using Figma Make and AI tooling, fully functional prototypes that behave like real products, with real data integration, functional input handling, dynamic responses, and persistent data via Supabase.

Prototype UI with real data and interactive states
  • More realistic user testing without artificial scenarios
  • Increased confidence in design decisions
  • Reduced reliance on engineering resource for research tooling

The Bigger Shift

This work wasn't just about building tools. It changed how design operated within the organisation.

Designers Builders
Prototypes Functional products
DesignOps Productised systems
Support work Design discipline

"By combining Figma Make with our own solutions-focused culture, we've seen a shift in what's possible for operational teams within design organizations."

Matt Gottschalk, Senior Manager of Design Operations, Stepstone

My Role

  • Led exploration of AI-powered tooling within DesignOps
  • Designed and built internal tools using Figma Make
  • Defined system architecture (Supabase, KV store, permissions)
  • Connected design workflows to real data
  • Delivered training sessions and workshops to drive adoption
  • Helped redefine how design contributes beyond UI

What's Next

  • Introduce AI agents to automate design workflows
  • Expand research instrumentation within prototypes
  • Strengthen design system to code integration using MCP
  • Build a fully self-serve ecosystem of internal design tools

This project is featured in Figma's official customer stories.

Read the full Figma story