Skip to content
Trending storyDeveloping

TemPad Dev 1.0 links Figma designs to coding agents through a Chrome extension

1 article1 sourcesince Nov 4Last article 1h ago ·

Overview

AISummary of 1 article

TemPad Dev 1.0 is a Chrome extension with a local MCP service that lets Codex, Claude Code and Cursor read Figma designs and write matching code, according to developer meng shao.

The project is free, open source and released under the MIT license.

Agents can also create and modify native Figma layers, but only when they have edit permission on the file. Read-only files and Dev Mode allow reading only. The tool requires Node.js 22, 24 or 26 or later.

Written by AI from the articles below · updated Nov 4, 8:37 AM ET

Check the sources:

Article timeline

The articles in this story. Times are ET.

Nov 4
  1. meng shaoX
    TemPad Dev connects Figma to coding agents for reading designs and editing canvases

    AITemPad Dev is a Chrome extension with a local MCP service that lets Codex, Claude Code and Cursor read Figma designs and write matching code. Agents can also create and modify native Figma layers when the file is editable, and the project is free and open source under the MIT license.

    Image from @shao__meng's post

Heat Trend

Not enough continuous observations to show a trend yet.