Layntra
MCP server that lets product managers turn ideas into editable Figma designs using natural language, with explicit planning and approval before any changes.
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
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.
- Clone this repository and run
./scripts/install.shto install the Codex plugin. - Download and unzip the Figma companion using the button above.
- Open a Design file in Figma Desktop.
- Choose Plugins → Development → Import plugin from manifest… and select
layntra-figma-plugin/manifest.jsonfrom the unzipped download. If you cloned the repository,apps/figma-plugin/manifest.jsonis the same plugin.

- Run Plugins → Development → Layntra for Figma and keep its window open.
- 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
- Getting started
- Product manager playbook
- Troubleshooting
- Migration from the development version
- Contributing
- Security
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
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.
E2B
Using MCP to run code via e2b.