Builder.io for Figma: AI generation, export to code, import from web
Convert any web design screenshot to clean HTML/CSS code
A WYSIWYG React component builder 🚧 Very work-in-progress
Design to Code Engine
Figma → React Native
Bricks is an open source tool for converting Figma designs into high-quality frontend code.
Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files
figma to html structure json
A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.
Wabtech main website
REST Countries API with color theme switcher challenge from #frontendmentor.
A curated collection of design inspirations sourced from Twitter. Each design is coded and implemented, showcasing different approaches and techniques in web development.
React website to showcase design-to-code skills
Frontend mentor challenge.
Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.
To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."