UI Design to Code for LangChain
io.github.kinglions/ui-design-to-code-mcp
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
client:LangChain
transport:stdio
runtime:npm
Install UI Design to Code in LangChain
pip install langchain-mcp-adapters
from langchain_mcp_adapters.client import MultiServerMCPClient
client = MultiServerMCPClient({
"ui-design-to-code-mcp": {
"transport": "stdio",
"command": "npx",
"args": ["-y", "ui-design-to-code-mcp"],
}
})
tools = await client.get_tools()
get_tools() returns the server's tools as LangChain tools, ready for an agent. LangChain docs