KeyVisual

Creative automation for agencies with Figma design systems

Experience now

Book a demo

Title

Micro copy

Video

On brand creative automation

with Figma design system

New variation

Layouts from Figma

Data from sheets

Assets from DAM

Title

Micro copy

Video

On brand creative automation

with Figma design system

New variation

On brand creative automation

with Figma design system

KeyVisual

On brand creative automation

with Figma design system

KeyVisual

On brand creative automation

with Figma design system

KeyVisual

Designers trust the design system, marketers ship fast without handoffs

01
Sync design system from Figma
Import Figma components, variables and all styles with the KeyVisual plugin. Stay synced to your Figma file and push updates instantly. No more copy-pasting for every design change.
02
Design, animate and edit videos on-brand
Turn static Figma designs into videos. Create slideshows, generate videos, swap placeholders for images or clips, and easily pull assets from your DAM.
03
Automatically scale designs with data
Connect your data feed or create tables to generate variations for different media, languages or formats.
04
Integrated with your advertising platform
Publish visuals directly to any advertising platform, without downloading files or manually uploading assets every time you make an update.

Sync design system from Figma

Import Figma components, variables and all styles with the KeyVisual plugin. Stay synced to your Figma file and push updates instantly. No more copy-pasting for every design change.

Design, animate and edit videos on-brand

Automatically scale designs with data

Integrated with your advertising platform

Key Visual

Design system sync

Copy/paste

Selected Components

Variables

Colors (5)

Typography (11)

CTA (10)

Price tag (11)

Sync with Key Visual

Logo

PRODUCT NAME

Description for product

,99

Price tag

Title

9:16

16:9

Logo badge

Scaling creatives, faster than ever

app.post("/webhook/update", async (req, res) => {
  const data = req.body;

  await cms.createVariation({
    title: data.title,
    image: data.video,
    price: data.price,
  });

  await cms.generateCreative({ campaignId: "january-campaign" });

  res.send("Creative created 🎉");
});

cron.schedule("0 9 * * *", () => {
  cms.generateCreative({ campaignId: "daily-updates" });
});

app.post("/webhook/update", async (req, res) => {
  const data = req.body;

  await cms.createVariation({
    title: data.title,
    image: data.video,
    price: data.price,
  });

  await cms.generateCreative({ campaignId: "january-campaign" });

  res.send("Creative created 🎉");
});

cron.schedule("0 9 * * *", () => {
  cms.generateCreative({ campaignId: "daily-updates" });
});

Use AI to generate variations

Generate creatives from reference layouts, assets, and data tables using simple prompts. AI never invents content, everything stays fully on-brand and within your guidelines.

Videos with auto-layout

Import your Figma layouts, place your videos, and automatically generate multiple size videos based on your Figma constraints. It's a simple way to scale your creatives without manual resizing.

Synced with Figma, no more copy/paste

Stay in sync with your design system through a direct connection to Figma components, variables, and styles. Any change you make in Figma, updates your creatives in real time. No copy-pasting, no version tracking.