Izvoz: Figma, koda, aplikacije React in MCP

Vsi uporabniki1 min branja
Izvoz v FigmoHTML/CSS + TailwindAplikacija ReactMCP/SDK
Oblika izhodaOkviri Figma s samodejnim razporejanjem (Auto Layout)Pomenski HTML, CSS, TailwindDelujoča aplikacija ReactProgramski dostop prek API
Zahteva vtičnikNe (lepljenje iz odložišča)NeNeNastavitev odjemalca MCP
Izhod kodeLe zasnovaStatična koda vmesnikaDelujoče komponente ReactOblikovalski podatki + API za generiranje
Najboljše zaOblikovalske ekipe v FigmiRazvijalce, ki gradijo iz maketHitro prototipiranje aplikacijRazvojne cevovode s pomočjo AI

Uporaba strežnika MCP in SDK

Strežnik MCP Stitch podpira orodja, med njimi create_project, list_projects, list_screens, get_project, get_screen in generate_screen_from_text. Preverjanje pristnosti deluje prek ključev API ali OAuth. SDK na github.com/google-labs-code/stitch-sdk ponuja programski dostop, Skills na github.com/google-labs-code/stitch-skills pa ponujajo večkrat uporabne oblikovalske zmožnosti. Podrobnosti o nastavitvi so na stitch.withgoogle.com/docs/mcp/setup.
Izvoz: Figma, koda, aplikacije React in MCP | Google Stitch | NativeAI Hub