Results for “screenshot-to-code”
8 skills
openai Figma
Fetch design context, screenshots, variables, and assets from Figma, and translate Figma nodes into production code using the Figma MCP server.
23.3k · bundle
affaan-m UI To Vue
Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.
226k
More results
openai Figma Implement Design
Translates Figma designs into production-ready application code with pixel-perfect accuracy, using the Figma MCP server to fetch design context, screenshots, and assets.
23.3k · bundle
google-labs-code Stitch Code To Design
Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.
6.4k
inference-sh App Store Screenshots
Create app store screenshots and preview videos for Apple App Store and Google Play with exact platform specs, device mockups, and gallery ordering guidance.
584
leonxlnx Image To Code
Generates premium website design images, then deeply analyzes them to implement faithful frontend code for hero sections, landing pages, and marketing sites.
google-labs-code Stitch Generate Design
Generate new design screens from text prompts or images, edit existing screens, and create design variants using Stitch MCP.
6.4k · bundle
xiaopu-ai Web Design
Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.
635 · bundle