Projects in Awesome Lists tagged with figma-to-code

https://github.com/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

ai assistant chatgpt figma figma-flutter figma-plugin figma-plugin-example figma-to-code flutter grida plugin storybook ui-automation

Last synced: 04 Apr 2025

https://github.com/axorax/tkforge

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

figma figma-to-code figma-to-tkinter tk-forge tkdesigner tkforge tkinter tkinter-designer tkinter-forge tkinter-graphic-interface tkinter-gui tkinter-library tkinter-python

Last synced: 16 May 2025

https://github.com/Axorax/tkforge

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

figma figma-to-code figma-to-tkinter tk-forge tkdesigner tkforge tkinter tkinter-designer tkinter-forge tkinter-graphic-interface tkinter-gui tkinter-library tkinter-python

Last synced: 17 Oct 2025

https://github.com/kat-tax/figma-to-react-native

Figma → React Native

app-design cms design-system design-to-code design-tools figma figma-design figma-export figma-plugin figma-to-code react-native

Last synced: 04 Apr 2025

https://github.com/ladunjexa/mern-yariga-dashboard

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

apexchart cloudinary figma-to-code mern-stack mui real-estate-management refine-dev yariga-dashboard

Last synced: 18 Mar 2025

https://github.com/codeandtheory/ymattertype

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

accessibility design-system dynamic-type figma figma-to-code ios-framework ios-ui readability swift tvos-framework typography typography-font

Last synced: 11 Dec 2025

https://github.com/imhalid/hotel-landing-page

css figma-to-code landing-page responsive tailwind

Last synced: 19 Mar 2025

https://github.com/vinyl-davyl/piggyvest_rebuild

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

figma figma-to-code fintech-design javascript scss scss-framework typescript ui

Last synced: 27 Jun 2025

https://github.com/opensmock/figmatoworld

Figma plug-ins for exchanges with external world

conversion export figma figma-export figma-plugin figma-plugins figma-to-code open-smock smock typescript

Last synced: 12 Jul 2025

https://github.com/abeatrizsc/restaurant-website

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

css css3 figma figma-to-code figmadesign html html5

Last synced: 28 Dec 2025

https://github.com/truongtannghia/learn-figma

Figma for ReactJs

figma-to-code

Last synced: 16 Dec 2025

https://github.com/laxmanrathod69/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.

appwrite appwrite-auth appwrite-cloud appwrite-database appwrite-storage cloud cloud-computing cloudstorage figma-design figma-to-code google-drive nextjs-typescript nextjs15 react reactjs shadcn-react shadcn-ui web-development

Last synced: 13 Apr 2025

https://github.com/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.

appwrite appwrite-auth appwrite-cloud appwrite-database appwrite-storage cloud cloud-computing cloudstorage figma-design figma-to-code google-drive nextjs-typescript nextjs15 react reactjs shadcn-react shadcn-ui web-development

Last synced: 29 Jul 2025

https://github.com/mit-27/react-nftbazar-ui

This is a landing page design for NFTBazar from dopeui website using react, tailwind css and framer-motion.

figma-to-code reactjs tailwindcss ui ui-development

Last synced: 28 Feb 2025

https://github.com/opensmock/bloc-figma

Tools to generate Bloc elements from Figma datas.

bloc figma figma-to-code open-smock pharo pharo-smalltalk smalltalk smock toplo

Last synced: 05 Mar 2025

https://github.com/pchaparro/wischool-landing

A figma-to-code practice. Design from: https://www.figma.com/community/file/1174044457847232666/school-landing-pages.

astro astrojs figma-to-code landing-page react reactjs

Last synced: 24 Mar 2025

https://github.com/shahmeerrizwan/figma-clone-react

I convert a Figma design into a fully website, mirroring the elegance and functionality of the original template. From responsive layouts to interactive elements, every aspect was meticulously implemented to perfection.

figma figma-convert figma-design-react figma-to-code figmadesign figmadesignreact landing-page landingpage react

Last synced: 06 Mar 2025

https://github.com/iwmartnz/nique

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

figma-to-code nextjs react react-hook-form shadcn tailwindcss zod

Last synced: 30 Dec 2025

https://github.com/o2sa/dashboard-with-rtl

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

dashboard figma-to-code resoponsive rtl sidebar

Last synced: 09 Apr 2025

https://github.com/xyryc/greenmind

figma figma-to-code frontend greenmind html pixso plant-website tailwindcss

Last synced: 10 Aug 2025

https://github.com/pchaparro/renthomes-landing

A figma-to-code practice.

astrojs figma-to-code tailwindcss

Last synced: 24 Mar 2025

https://github.com/shahmeerrizwan/figma-website

I convert a Figma design into a fully website, mirroring the elegance and functionality of the original template. From responsive layouts to interactive elements, every aspect was meticulously implemented to perfection.

figma figma-design figma-rea figma-to-code figma-to-reactjs figmadesign reactjs

Last synced: 30 Jun 2025

https://github.com/mit-27/react-onlinemuri-ui

This is a landing page design for OnlineMuri from dopeui website using react, tailwind css and framer-motion.

figma-to-code reactjs tailwindcss ui ui-development

Last synced: 28 Feb 2025

https://github.com/samuelribeiroo/task-manager

What begginers front-end developers make? ToDo Lists!

figma-to-code frontend responsive-design vanilla-js

Last synced: 16 Mar 2025

https://github.com/samuelribeiroo/tesla-bank

Figma to code - Challenge #37 - Vanilla JS

dom-manipulation figma-to-code landing-page mobile-first

Last synced: 16 Mar 2025

https://github.com/souza-vitor/interior-consultant-page

css figma-to-code html responsive-web-design

Last synced: 15 Jul 2025

https://github.com/muba-74/assignment-figma-cloning-in-nextjs

PROJECT BASED ON TYPESCRIPT,JAVASCRIPT XML,CSS,TAILWIND CSS, FIGMA & NODEJS.

assignment cmd command css figma figma-to-code java javascript node nodejs programming-language progressive-web-app tailwindcss typescript

Last synced: 30 Dec 2025

https://github.com/souza-vitor/codechella

css3 figma-to-code html5 javascript sass-framework trello

Last synced: 22 Feb 2025

https://github.com/souza-vitor/huddle-landing-page-with-single-introductory-section-master

css3 figma-to-code html responsive-web-design

Last synced: 22 Feb 2025

https://github.com/markshawn2020/deeplearning.ai-courses-claudecode

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

ai-coding-assistant ai-programming andrew-ng anthropic claude-code course-notes deeplearning-ai fastapi figma-to-code jupyter-notebook learning-notes react

Last synced: 24 Oct 2025

https://github.com/angelhtml/figma-client-billing

Transferring a Figma design to a Next.js application

angelcodestyle animation css design figma figma-to-code figma-to-nextjs figma-to-reactjs framer-motion front-end js motion next nextjs tailwind tsx tsx-jsx-js-ts typescript

Last synced: 07 Oct 2025

https://github.com/uetop/codify-document

Codify plugin document

figma figma-plugin figma-to-code

Last synced: 09 Oct 2025

https://github.com/marklearst/figma-vars-hooks

🌳 Welcome to FigmaVars, a React hooks library designed to simplify the integration of Figma variables into your React applications.

design-system design-systems design-tokens figma figma-api figma-design figma-to-code figma-variables react react-hooks react-library storybook storybook-design-system typescript typescript-library variables-css

Last synced: 11 Oct 2025

https://github.com/thanhhang31023/dental-care-landing-page

A modern landing page for Shine Smile - Dental Care, built using HTML & CSS.

css3 dental-care figma-to-code html5 landing-page

Last synced: 06 Dec 2025

https://github.com/alvi597/wordpress-theme-customization

Custom WordPress Theme from Figma Design. Designed to match the original Figma layout pixel-perfectly using modern WordPress standards (HTML, CSS, PHP, JS).

custom figma-to-code php wordpress wordpress-development wordpress-theme

Last synced: 16 Jun 2025

https://github.com/bt-diana/christmas-shop

Landing page for a Christmas ornament shop

figma-to-code html javascript responsive-website sass webpack

Last synced: 17 Jun 2025

https://github.com/ysocrius/talk-to-figma-cursor

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

css css3 cursor figma figma-design figma-export figma-free figma-plugin figma-to-code figma-to-html figma-to-react figma-to-reactjs front-end frontend html5 mcp model-context-protocol responsive ui-ux

Last synced: 17 Jul 2025

https://github.com/huzaifa-yaqoob/it-portfolio

IT Portfolio is a static, one-page website designed to showcase personal or business projects with a pixel-perfect layout inspired by a Figma design. Built using HTML, CSS, and Tailwind CSS, it features a modern and responsive design, making it an ideal template for IT professionals.

css figma-to-code frontend-development html javascript one-page-website responsive-design static-website tailwind-css web-development