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
Visit Server

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

Recommended Servers

playwright-mcp

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.

Official
Featured
TypeScript
Audiense Insights MCP Server

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.

Official
Featured
Local
TypeScript
Magic Component Platform (MCP)

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.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

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.

Official
Featured
TypeScript
Kagi MCP Server

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.

Official
Featured
Python
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

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.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured
E2B

E2B

Using MCP to run code via e2b.

Official
Featured