GitHub topics: figma-to-code

Repositories

kat-tax/figma-to-react-native

Figma → React Native

Language: TypeScript - Size: 2.18 MB - Last synced at: about 17 hours ago - Pushed at: about 18 hours ago - Stars: 232 - Forks: 28

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).

Language: CSS - Size: 0 Bytes - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

Panzer-Jack/feuse-mcp

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

Language: TypeScript - Size: 1.68 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 4 - Forks: 0

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

Language: TypeScript - Size: 33.3 MB - Last synced at: 8 days ago - Pushed at: almost 2 years ago - Stars: 595 - Forks: 53

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.

Language: Python - Size: 183 KB - Last synced at: 13 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

uetop/codify-document

Codify plugin document

Size: 14.2 MB - Last synced at: 7 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

Just-Moh-it/MarkitUp-UI 📦

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

Language: SCSS - Size: 3 MB - Last synced at: 6 days ago - Pushed at: about 3 years ago - Stars: 3 - Forks: 1

Shubh2268/Digital-Web-Agency

A sleek and fully responsive digital agency website built using React, Vite, and Tailwind. Features include dynamic content sections like About, Services, Blog, and Contact, crafted for performance and visual appeal.

Language: JavaScript - Size: 3.08 MB - Last synced at: 20 days ago - Pushed at: 20 days ago - Stars: 0 - Forks: 0

ladunjexa-pbl/mern-yariga-dashboard

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

Language: TypeScript - Size: 8.64 MB - Last synced at: 13 days ago - Pushed at: about 1 year ago - Stars: 28 - Forks: 8

ko-ko-lo/figma-json-export

Figma Jsonify Plugin: Generate JSON from Text Layers.

Language: JavaScript - Size: 47.9 KB - Last synced at: 28 days ago - Pushed at: 28 days ago - Stars: 0 - Forks: 0

uetop/codify-document-zh

Codify plugin document (zh)

Size: 14.2 MB - Last synced at: 28 days ago - Pushed at: 28 days ago - Stars: 0 - Forks: 0

ayaosamaramadan/Pizza-Shop

Food Ordering App using Next.js, Prisma, PostgreSQL

Language: TypeScript - Size: 398 KB - Last synced at: 28 days ago - Pushed at: 28 days ago - Stars: 0 - Forks: 0

saad-shaikh-256/eCom-Web-App

A modern and fully responsive e-commerce web app built with HTML, CSS, and JavaScript. This project is a Figma-to-code conversion featuring a sleek UI, interactive animations, and a smooth shopping experience. 🚀

Language: CSS - Size: 1.26 MB - Last synced at: 30 days ago - Pushed at: 30 days ago - Stars: 0 - Forks: 0

Axorax/tkforge

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

Language: Python - Size: 3 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 392 - Forks: 14

al-kawsar/slicing-web-skaven

Mereplikasi desain dari Figma ke web menggunakan HTML dan CSS. Ini dibuat untuk mengikuti lomba desain grafis yang diselenggarakan di SMKN 7 Makassar.

Language: HTML - Size: 1.33 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

m-abubakr1/HooBank-Replica

HooBank (Designed by "One Week Wonders") is a personal project developed to reinforce front end skills, it was developed with React 18 and the use of Tailwind for the development of styles is highlighted.

Language: JavaScript - Size: 4.21 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

imhalid/hotel-landing-page

Language: JavaScript - Size: 1.05 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 15 - Forks: 2

thanhhang31023/real-estate-landing-page

A responsive real estate landing page built with HTML and CSS, based on a Figma design.

Language: HTML - Size: 5.86 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

thanhhang31023/online-course-landing-page

A modern landing page for an online course platform, built using HTML & CSS.

Language: HTML - Size: 3.2 MB - Last synced at: 17 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

thanhhang31023/dental-care-landing-page

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

Language: HTML - Size: 3.38 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

thanhhang31023/project-grocery-mart

A fully responsive grocery e-commerce website built with HTML, CSS, and JavaScript, featuring multi-page support and dark mode.

Language: HTML - Size: 7.63 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

thanhhang31023/lucy-pet-care-landing-page

Static landing page for a pet care service, created using HTML & CSS.

Language: HTML - Size: 9.18 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

satyam95/travel

Responsive landing page for a travel company, built using React.js and styled with Tailwind CSS. The design has been converted from a Figma mockup into fully functional, mobile-first code, offering a sleek and user-friendly experience.

Language: TypeScript - Size: 2.9 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

satyam95/photo

Responsive website built with Next.js and Tailwind CSS, converting Figma designs into clean, production-ready code. Fully optimized for desktop and mobile devices.

Language: TypeScript - Size: 10.8 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

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.

Language: TypeScript - Size: 5.1 MB - Last synced at: 2 months ago - Pushed at: 6 months ago - Stars: 1 - Forks: 1

bt-diana/christmas-shop

Landing page for a Christmas ornament shop

Language: Sass - Size: 1000 KB - Last synced at: 2 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

f3riend/quickLogV3

a password management system that allows you to quickly log in to your accounts version 3

Language: Python - Size: 812 KB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

iwmartnz/nique

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

Language: TypeScript - Size: 2.45 MB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

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.

Language: HTML - Size: 22 MB - Last synced at: 2 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

samuelribeiroo/tesla-bank

Figma to code - Challenge #37 - Vanilla JS

Language: CSS - Size: 531 KB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

MUBA-74/ASSIGNMENT-FIGMA-CLONING-IN-NEXTJS

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

Language: TypeScript - Size: 435 KB - Last synced at: 26 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

captainWaheed/Web-Team-IEEE

Modern landing page converted from Figma to React

Language: JavaScript - Size: 2.26 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 1 - Forks: 1

Huzaifa-Yaqoob/inspirisa

Inspirisa is a static, single-page application (SPA) that delivers a pixel-perfect, responsive design directly from Figma. Built using React, Vite, and Tailwind CSS, it showcases a sleek, modern layout ideal for business or portfolio use

Language: JavaScript - Size: 2.47 MB - Last synced at: 15 days ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

5niperspider/figma-push-variables

Figma Plugin for exporting Variables to ready to use Code. And push it with a Commit to Github.

Language: TypeScript - Size: 502 KB - Last synced at: 2 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

onyx-gen/onyx

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

Language: TypeScript - Size: 902 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 4 - Forks: 0

abdulkadershohan/react-protfolio

Portfolio Web sites

Language: JavaScript - Size: 42.7 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

codeandtheory/YMatterType

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

Language: Swift - Size: 32 MB - Last synced at: 19 days ago - Pushed at: about 2 years ago - Stars: 22 - Forks: 8

xyryc/GreenMind

Language: HTML - Size: 2.74 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

Sanjero20/ecommerce-app

Language: TypeScript - Size: 1.81 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 1

xyryc/justice-legal-solutions-landing-page

Language: HTML - Size: 25.7 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

xyryc/tea-house

Language: HTML - Size: 37.5 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

xyryc/frontend.dev.web

Language: HTML - Size: 5.33 MB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

xyryc/BikerZone

Language: HTML - Size: 44.3 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

xyryc/g3-architect-website

Language: HTML - Size: 32.2 MB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

xyryc/travel-vibe

Language: HTML - Size: 129 MB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

xyryc/fitness-website

Language: CSS - Size: 34.5 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

beingujjwalraj/Recode-the-past

“Organized the ‘Recode the Past’ web development competition during Vashist 2024 at IIITDM Kancheepuram. Led the event planning, designed the challenge, and provided guidance on recreating a legacy website using Figma. This experience enhanced my skills in event management and technical competition organization.”

Size: 395 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

Nuuriii/koin

slicing landing page

Language: JavaScript - Size: 5.28 MB - Last synced at: 11 months ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 0

mit-27/react-nftbazar-ui

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

Language: JavaScript - Size: 1.38 MB - Last synced at: 4 months ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

alamin-hossain-tech/libre-food

Language: TypeScript - Size: 3.36 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

shrey890/Price-n-Co

figma to html

Language: HTML - Size: 3.06 MB - Last synced at: 11 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

zmatezz/figma-tokens

Language: JavaScript - Size: 15.6 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

OpenSmock/Bloc-Figma

Tools to generate Bloc elements from Figma datas.

Language: Smalltalk - Size: 175 KB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 1

samuelribeiroo/task-manager

What begginers front-end developers make? ToDo Lists!

Language: CSS - Size: 88.9 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

burakkrt/Organick-Website

It was created with Pixel Perfect structure inspired by Figma design by using Bootstrap and Scss technologies for Organick company, which sells healthy products.

Language: HTML - Size: 15.4 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 1

esiltu/supabase-expo-auth

This repository hosts a VPN app frontend 🖥️, currently focusing on this component alone. Later on, you'll have the opportunity to develop your own backend and expand its capabilities. This project is ideal for those eager to enhance their design skills 🎨 and transform prototypes into fully functional apps.

Language: TypeScript - Size: 1.64 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Vinyl-Davyl/piggyvest_rebuild

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

Language: TypeScript - Size: 2.04 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 0

t-bello7/space-travel

Language: HTML - Size: 4.59 MB - Last synced at: about 1 year ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

OpenSmock/FigmaToWorld

Figma plug-ins for exchanges with external world

Language: TypeScript - Size: 13.4 MB - Last synced at: 14 days ago - Pushed at: almost 2 years ago - Stars: 3 - Forks: 0

pondev1031/Yespace-NFT-frontend

Yespace-NFT-frontend

Language: TypeScript - Size: 1.79 MB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 5 - Forks: 0

O2sa/Dashboard-with-rtl

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

Language: HTML - Size: 112 KB - Last synced at: 2 months ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

esiltu/books-mobile-kit

📚 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.

Language: JavaScript - Size: 81.5 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 0