home/categories/productivity-tools/nhantran889-theme-kit-skills-figma-mcp-layout-skill-md
productivity-toolstools

figma-mcp-layout-builder

Pull frames/components via Figma MCP, normalize messy or non-autolayout designs, and generate faithful HTML/CSS (or Shopify Liquid) layouts with inferred spacing and responsiveness.

nhantran889
maintainer
nhantran889
Updated 1/4/2026
Stars
0
Forks
0
quick start

Installation and usage

Pull frames/components via Figma MCP, normalize messy or non-autolayout designs, and generate faithful HTML/CSS (or Shopify Liquid) layouts with inferred spacing and responsiveness.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use figma-mcp-layout-builder