figma-to-code

There are 21 repositories under figma-to-code topic.

• assistant

  gridaco / assistant

  🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design

  figmapluginfigma-pluginfigma-flutterflutterfigma-to-codeassistantstorybookfigma-plugin-exampleui-automationgridaaichatgpt
  Language:TypeScript 603
• tkforge

  Axorax / tkforge

  Drag & drop in Figma to create a Python GUI with ease

  figmafigma-to-codefigma-to-tkintertk-forgetkdesignertkforgetkintertkinter-designertkinter-forgetkinter-graphic-interfacetkinter-guitkinter-librarytkinter-python
  Language:Python 448
• figma-to-react-native

  kat-tax / figma-to-react-native

  Figma → React Native

  app-designcmsdesign-systemdesign-to-codedesign-toolsfigmafigma-designfigma-exportfigma-pluginfigma-to-codereact-native
  Language:TypeScript 267

• px2code / Figma-to-HTML

  Figma to HTML/React/Vue and truly responsive

  editorcode-generatorreactreactjsdesign-toolsfigmahtmldesign-to-codefigma-to-htmlfigma-to-codecode-generate
  Language:SCSS 47

• Panzer-Jack / feuse-mcp

  Frontend Useful MCP Tools - Essential utilities for web developers to automate API integration and code generation

  d2cfastmcpfigma-to-codemcpweb-mcp
  Language:TypeScript 34
• mern-yariga-dashboard

  ladunjexa-pbl / mern-yariga-dashboard

  phenomenal Realestate Management Dashboard App consisting Dashboard, Properties, Agents and Profiles - built with React & Material-UI using @refinedev ♾️

  cloudinaryfigma-to-codemern-stackmuireal-estate-managementrefine-devapexchartyariga-dashboard
  Language:TypeScript 28
• YMatterType

  codeandtheory / YMatterType

  An opinionated take on Design System Typography for iOS and tvOS.

  figma-to-codeios-uiswifttypographytypography-fontaccessibilitydynamic-typefigmareadabilitydesign-systemios-frameworktvos-framework
  Language:Swift 22

• dekapd99 / Foody

  🍎 Learning iOS Frontend: iOS Food Ordering Application with SwiftUI, WidgetKit, Google Fonts, and Assets from Figma 🍔

  ios-appswift5swiftuifigmafigma-to-codegoogle-fontswidgetkit
  Language:Swift 16

• imhalid / hotel-landing-page

  cssfigma-to-codelanding-pageresponsivetailwind
  Language:JavaScript 15

• MarkShawn2020 / DeepLearning.ai-Courses-ClaudeCode

  Vibe Genius 团队整理的 DeepLearning.AI 官方课程 'Claude Code: A Highly Agentic Coding Assistant' 学习笔记，由 Andrew Ng 和 Anthropic 的 Elie Schoppik 主讲

  ai-coding-assistantai-programmingandrew-nganthropicclaude-codecourse-notesdeeplearning-aifastapifigma-to-codejupyter-notebooklearning-notesreact
  14

• esiltu / books-template

  📚 Books Bazar Template - React Native Expo Kickstart your mobile app development with the Books Bazar Template! This React Native Expo template provides a solid front-end foundation, including essential features like authentication, onboarding, and more. Stay tuned for upcoming updates, including a sleek bottom tab navigation.

  appappdevelopmentbookshelfexpo-clifigma-designfigma-to-codereact-navigationreactnative-uireactnativeappreactnativeexpoui-design
  Language:JavaScript 6

• Zapcode-FTC / Zapcode-Figma-MCP

  Figma MCP

  design-to-codefigmafigma-mcpfigma-to-code
  6

• onyx-gen / onyx

  A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.

  design-systemdesign-to-codedesign-toolsfigmafigma-exportfigma-pluginfigma-pluginsfigma-to-codeno-codetailwindtailwindcsstypescriptunocssvuepluginutility-classes
  Language:TypeScript 5

• Vinyl-Davyl / piggyvest_rebuild

  Rebuild of Piggyvest fintech platform authentication and landing interface. A developmental experiment

  figmafigma-to-codefintech-designjavascriptscssscss-frameworktypescriptui
  Language:TypeScript 5

• Mordekai66 / design2apps

  This project automates the conversion of Figma designs into Python code, supporting frameworks like Tkinter, Kivy, and PyQt5. It streamlines UI development by transforming design files into fully functional, customizable Python code while preserving the original layout, colors, fonts, and components.

  code-generationdesign-to-codedeveloper-toolsfigma-apifigma-to-codefigma-to-tkintergui-automationui-generatordesign-to-appdesign-to-kivydesign-to-pyqt5design-to-tkdesign-to-tkinterfigma-pyqt5figma-to-kivyfigma-to-tk
  Language:Python 4

• OpenSmock / FigmaToWorld

  Figma plug-ins for exchanges with external world

  figmafigma-exportfigma-pluginfigma-pluginsfigma-to-codeconversionsmocktypescriptopen-smockexport
  Language:TypeScript 4
• SPA-Front

  Id-Yuu / SPA-Front

  This repo contains the results of slicing UI from Figma Project

  learn-to-codepersonal-projectreactjsresponsivefigma-to-codejavascriptlanding-pagesassdesign-to-codetailwindcssopen-sourcecontributions-welcomereact
  3

• isbendiyarovanezrin / UI-Design

  Figma dizaynını HTML, CSS kodlarına çevirmək

  figma-to-code
  Language:HTML 3

• Just-Moh-it / MarkitUp-UI

  💅 Beautiful Code Implementation of Dope-UI's MarkitUp Template

  figmafigma-to-codeframer-motionsassuiui-design
  Language:SCSS 3

• petipois / figma-to-astro

  Figma to Astro

  astrojsfigma-to-codehacktoberfestjavascript
  Language:Astro 3

• sosukii / avent

  Client part of crm project where you can see the schedules and staff management process in company.

  create-react-appcrud-apicrud-applicationeslintfigma-to-codefullcalendarprettierreactsasssingle-page-applications
  3

• sosukii / PetStory-coop

  adaptive-learningfigma-to-codefigma-to-htmlsassteamwork
  Language:CSS 3

• ABeatrizSC / restaurant-website

  Projeto "Restaurant Website", onde replico o figma utilizando HTML e CSS.

  csscss3figmafigma-to-codefigmadesignhtmlhtml5
  Language:CSS 2

• developer-rak / gpt3

  GPT-3 ui/ux figma to code it is responsive React website

  css3frameworkfreelancehtml5librariesreactjsremoteresponsiveui-designux-designwebsitewebsite-designwebsite-developmentgpt-3javascriptfigmafigma-to-code
  Language:CSS 2

• isbendiyarovanezrin / TrafalgarLandingPage

  Figma dizaynını HTML, SCSS kodlarına çevirmək 👩🏻‍⚕️

  scssbemfigmafigma-to-code
  Language:HTML 2

• Nuuriii / koin

  slicing landing page

  figma-to-codereactslicing-design-to-codetailwindcss
  Language:JavaScript 2

• themes12 / Real-Estate-Landing-Page-v2

  Convert Figma Design to HTML page

  css3html-templateshtml-themehtml-websitehtml-website-templateshtml5responsive-layoutwebsite-templatefigmafigma-to-codefigma-to-htmlhtmlhtml-csshtml-templatetailwindtailwind-css-templatetailwindcss
  Language:HTML 2

• codia-d2c / resume-template

  This repository are all kinds of excellent resume templates

  design-to-codefigma-to-codecomputer-programmer-resumesoftware-engineer-resumegoogle-resumefrontend-developer-resumefull-stack-resumeit-support-resumeui-designer-resume
  Language:CSS 1

• ENDERVANO / johnsmith

  Created a responsive landing page based on the Figma design. Built with HTML, CSS, and SCSS. The desktop version closely matches the design, and the mobile version is mostly complete and functional.

  beginner-projectcssfigma-to-codefrontendhtmllanding-pagenetlifyportfolio-siteresponsive-designscssstatic-sitefrontend-mentor-style
  Language:HTML 1

• iwmartnz / nique

  Sleek and modern restaurant website created as part of my personal portfolio.

  figma-to-codenextjsreactreact-hook-formshadcntailwindcsszod
  Language:TypeScript 1

• lra8dev / skysafe

  ☁️ SkySafe is a secure cloud storage platform that protects your files with advanced encryption, seamless sharing, and multi-device sync. Enjoy peace of mind with SkySafe, your trusted cloud storage companion.

  appwriteappwrite-authappwrite-cloudappwrite-databaseappwrite-storagecloudcloud-computingfigma-designfigma-to-codenextjs-typescriptnextjs15reactreactjsshadcn-reactshadcn-uiweb-developmentcloudstoragegoogle-drive
  Language:TypeScript 1

• O2sa / Dashboard-with-rtl

  Resopnsive and Pretty Dashbord with RTL Support built with HTML and CSS.

  dashboardfigma-to-coderesoponsivertlsidebar
  Language:HTML 1

• thirteenv0 / figma-mcp-usecase

  Figma MCP UseCase: Login UI Concept Implementation

  figma-mcpfigma-to-codefigma-dev-modemcp-serversmcp-usecase
  Language:HTML 1

• TruongTanNghia / Learn-Figma

  Figma for ReactJs

  figma-to-code
  Language:JavaScript 1
• valetlyrix7

  valetlyrix7 / valetlyrix7

  crack-figmadownload-figmafigmafigma-apifigma-crackfigma-designfigma-exportfigma-freefigma-pluginfigma-pluginsfigma-to-codefigma-to-htmlfigmadesignfigmatohtmlfree-figmadownload-figma-2024download-figma-crackdownload-figma-freefigma-full-free
  1

• ysocrius / Talk-to-Figma-Cursor

  Model Context Protocol (MCP) integration between Cursor AI and Figma

  cursorfigmafront-endfrontendmcpmodel-context-protocolui-uxcsscss3figma-designfigma-exportfigma-freefigma-pluginfigma-to-codefigma-to-htmlfigma-to-reactfigma-to-reactjshtml5responsive
  Language:JavaScript 1