Layntra

Layntra

MCP server that lets product managers turn ideas into editable Figma designs using natural language, with explicit planning and approval before any changes.

Category
访问服务器

README

Layntra

Turn product ideas into editable Figma designs—with an explicit plan before anything changes.

Layntra is a Codex plugin for product managers and other non-developers. Invoke $layntra, choose the target, review the plan, and apply only when you are ready. Every result remains editable in Figma.

简体中文

Website: lessthanno.github.io/Layntra

Download

Download Layntra v0.1.0

On the release page, download layntra-figma-plugin.zip under Assets, then unzip it—do not import the ZIP itself. Follow step 4 below to choose the included plugin file. This download is the Figma side of Layntra; the Codex plugin is installed in step 1 below.

Quick start

Requirements: macOS, Node.js 20+, Codex Desktop or CLI, and Figma Desktop. Use a personal Starter workspace if an organization Dev/Collab/View seat cannot run Design plugins.

  1. Clone this repository and run ./scripts/install.sh to install the Codex plugin.
  2. Download and unzip the Figma companion using the button above.
  3. Open a Design file in Figma Desktop.
  4. Choose Plugins → Development → Import plugin from manifest… and select layntra-figma-plugin/manifest.json from the unzipped download. If you cloned the repository, apps/figma-plugin/manifest.json is the same plugin.

Figma menu path: Plugins, Development, Import plugin from manifest

  1. Run Plugins → Development → Layntra for Figma and keep its window open.
  2. Start a new Codex task and enter:
$layntra status

Then inspect without writing:

$layntra review selection
Check hierarchy and missing loading, empty, and error states.
Do not modify Figma.

Plan and apply separately:

$layntra plan selection
Improve hierarchy. Preserve all copy and brand colors.
$layntra apply

Layntra re-reads the result after writing. To recover immediately, enter $layntra undo; it refuses if the Figma target changed after the apply.

Why the explicit command?

Ordinary conversation is not a reliable control surface. $layntra makes the active plugin, file, page, selection, mode, and write boundary visible. Read-only intents never modify Figma; write intents wait for your approval.

Guides

Architecture and privacy

Codex Skill → local stdio/MCP bridge → loopback WebSocket → Figma companion

The bridge binds to 127.0.0.1:3846. Layntra needs no Figma API token, hosted Layntra account, or telemetry. Codex model data handling remains governed by your Codex configuration; “local bridge” does not mean the AI model is offline.

Writes are limited to supported editable nodes and batches of at most 100. Deletion and arbitrary code execution are not exposed in v0.1.0.

Development

npm run verify

See CONTRIBUTING.md for architecture and test expectations.

License

MIT

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选