BBC Creative Studios

Production Design System

A design system for BBC Studios' EMEA team, streamlining the creation of digital assets for their media partners.

  • Broadcast
  • Digital Production
  • Workflow
  • Project Info  +
  • Project Info  –
BBC Creative Studios

Production Design System

Background

BBC Studios' EMEA team delivers digital promotion artwork for every new TV title across 15 media partners and 9 languages — a significant volume of output handled by a small team of digital designers.

The existing workflow relied on heavily layered Photoshop files, with every single asset requiring manual attention. Creative time was being consumed by repetitive production, leaving little room for the work that actually matters.

Approach

Figma replaced Photoshop as the production environment, introducing pixel-perfect templates that enabled better collaboration and batch processing.

To handle multilingual text across hundreds of assets, I built a bespoke Figma plugin that synchronises directly with Google Sheets — allowing automatic text injection across entire programme sets simultaneously.

For partners still requiring PSD deliverables, a second plugin enables batch export of any Figma frame as a fully editable Photoshop file.

Outcome

The production timeline has effectively been reversed. Where designers previously spent 3.5 days on asset production and just 1.5 on creative, those figures have now switched — freeing the team to focus on the craft that drives the work forward.

Higher creative output means greater volume and reach across BBC Studios' growing partner network.

project image

To understand the current Production landscape, I mapped out the media platforms that BBC partners with.

project image
project image

Each platform requires a series of promotional banners, each with their own set of specific requirements. And depending on the provider, up to 9 translations are required for each promo banner.

This demonstrates that the number of assets can very quickly amount to 100's of individual banner assets.

project image

I set up a collection of base template Figma components. I then duplicated these and assigned different languages to each set. I then labelled the text layers for each language so that it could be read and populated by the Text Plugin I created.

To handle multilingual text across hundreds of assets, I built a bespoke Figma plugin that synchronises directly with Google Sheets — allowing automatic text injection across entire programme sets simultaneously.

For partners still requiring PSD deliverables, a second plugin enables batch export of any Figma frame as a fully editable Photoshop file.

project image
project image

Whilst these plugin's are currently only available to designers working at BBC Creative Studios, I will be publishing them to the wider global Figma community soon!

Next project