Skip to main content
FigmaLaunch

Figma launches code layers & motion at Config 2026.

What happened

Figma launched code layers & motion at Config 2026 on Jun 24th '26.

Source

Article excerpt

Highlighted: the sentence this signal was extracted from

Figma launches code layers & motion at Config 2026. JUN 24, 2026 Six new canvas capabilities push Figma deeper into code, animation and AI-generated design materials. The gist. * Integrated code layers. Designers can now create interactive code directly in Figma. * Built-in motion tools. Animation and timeline editing arrive natively on the canvas. * Workflow gains. Product and design teams get faster iteration and tighter collaboration. Figma announced a suite of new features at Config 2026 on June 24, expanding its platform with code layers, built-in motion design, shader fills and effects, generative plugins, Weave tools and an updated Figma agent. According to the company, the announcements center on supporting new creative materials - code, motion and shaders - directly on the collaborative canvas. Figma described code layers as treating code "like any other design material," letting users convert any design layer into an interactive code layer with a single click or prompt. Early access begins in July. Figma Motion, available now, adds a timeline with keyframes and presets, plus export in CSS, JSON, React, MP4, WebM, Animated SVG and GIF formats. Config 2026 feature breakdown. | Capability | Description | | Code layers | Converts any design layer into interactive code with one click | | Figma Motion | Adds timeline, keyframes and animation export in CSS, JSON...

Keep reading with a free account

The rest of this article, and every signal for Figma, is in your free account.

Extracted by Autobound

From the Signal API record
Event
Launch

What this signalsA launch often needs new go-to-market and support spend.

Product
code layers & motion
Takes effect
Jun 24, 2026

The full record

From the Signal API record

Details

Category
Launches

Extraction

Confidence
87%
Detected
Jun 24, 2026
signal_type
news
signal_subtype
launches

Use this data

Get every launch signal for Figma and the companies you sell to, in the tools you already use.

  1. Ask Claude about it

    Connect Autobound to Claude, Claude Code or Cursor with MCP. Then ask: “What changed at Figma this week?”

  2. Send it to your own tools

    The Signal API returns launch signals for any list of companies as JSON, for your CRM, warehouse or app.

  3. Try it free

    Sign up and spend your free credits on the companies you sell to.

    Start Free1,000 free credits

The API returns more than this page shows

This page shows a preview. The full news record in the Signal API and MCP can also have these 8 fields. Some fields are empty for some signals.

Company

  • linkedin_urlValue in the API
  • industriesValue in the API
  • employee_count_lowValue in the API
  • employee_count_highValue in the API
  • revenueValue in the API
  • descriptionValue in the API

Signal

  • signal_nameValue in the API
  • associationValue in the API
Show the full JSONThe record on this page and the API request

GET /v1/signals/0470167e-62f8-4b0a-9437-8791b0f76998 returns this record as JSON. POST /v1/companies/enrich returns every signal for figma.com.

{
  "signal_id": "0470167e-62f8-4b0a-9437-8791b0f76998",
  "signal_type": "news",
  "signal_subtype": "launches",
  "detected_at": "2026-06-24T00:00:00+00:00",
  "company": {
    "name": "Figma",
    "domain": "figma.com"
  },
  "data": {
    "url": "https://www.cmswire.com/digital-experience/figma-launches-code-layers-motion-at-config-2026",
    "event": "Config 2026",
    "title": "Figma launches code layers & motion at Config 2026.",
    "excerpt": "Figma launches code layers & motion at Config 2026.\n\nJUN 24, 2026\n\nSix new canvas capabilities push Figma deeper into code, animation and AI-generated design materials.\n\nThe gist.\n\n* Integrated code layers. Designers can now create interactive code directly in Figma.\n* Built-in motion tools. Animation and timeline editing arrive natively on the canvas.\n* Workflow gains. Product and design teams get faster iteration and tighter collaboration.\n\nFigma announced a suite of new features at Config 2026 on June 24, expanding its platform with code layers, built-in motion design, shader fills and effects, generative plugins, Weave tools and an updated Figma agent. According to the company, the announcements center on supporting new creative materials - code, motion and shaders - directly on the collaborative canvas.\n\nFigma described code layers as treating code \"like any other design material,\" letting users convert any design layer into an interactive code layer with a single click or prompt. Early access begins in July. Figma Motion, available now, adds a timeline with keyframes and presets, plus export in CSS, JSON, React, MP4, WebM, Animated SVG and GIF formats.\n\nConfig 2026 feature breakdown.\n\n| Capability | Description |\n| Code layers | Converts any design layer into interactive code with one click |\n| Figma Motion | Adds timeline, keyframes and animation export in CSS, JSON and...",
    "product": "code layers & motion",
    "summary": "Figma launched code layers & motion at Config 2026 on Jun 24th '26.",
    "category": "launches",
    "found_at": "2026-06-24T00:00:00Z",
    "planning": false,
    "image_url": "https://www.cmswire.com/-/media/16f235d92176489a9d4713b5ec908f28.ashx",
    "confidence": 0.8715,
    "product_data": {
      "full_text": "code layers & motion",
      "fuzzy_match": true
    },
    "published_at": "2026-06-24T00:00:00Z",
    "effective_date": "2026-06-24",
    "article_sentence": "Figma launches code layers & motion at Config 2026."
  }
}

Long text fields are shortened on this page.

Looking up one signal by its id is free. Enrich costs 2 credits per signal returned; a call with no results is free.