Simple Design System (SDS) is a base design system that shows how Figma’s Variables, Styles, Components, and Code Connect can be used alongside a React codebase to form a complete picture of a responsive web design system.

Figma to React Converter

Simple generator of React code from Figma

Figma → React Native

Figma plugin to copy svg as a react component

A figma plugin that help you convert your icons' design file to react component and publish to NPM directly.

SonWan UI is a modular UI component library based on figma design to build your next React Web Application.

MCP server for converting Figma designs to React components

Hi there! This is a react native starter which used to build a awesome Event Booking App based on the Figma design. You can download or clone it to speed up your projects.

Figma to HTML/React/Vue and truly responsive

Learn how automate delivery SVG icons to React using Figma API

A food website for ordering food that you can cook at home by following recipe guidelines. The website is built with React and styled-components. This was a great practice to transform my Figma design into a React site.

Easily download Figma assets and generate SVGs components for Vue, React and React MUI and more to come

A tool to get you started making Figma plugins with a React plugin UI

Репозиторий, специально для доклада на HolyJs. Figma to React!

Generate SVG to Code (React) - Figma Plugin

Export Figma, Sketch, AdobeXD, HTML/CSS to React js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

This repo offers a TypeScript-based React boilerplate for Figma plugins. It includes features such as SASS, CSS/SASS/SCSS modules, SVG image import, and up-to-date packages.

Figma plugin to copy CSS style or React inline style from a selected layer.

A research paper recommender system built with ML algorithms and designed by pleasant UI/UX . This project contains a wide variety of tech stack namely React, Next JS, Tailwind CSS, Firebase, Flask, Python, Figma and a number of ML libraries to build an efficient model that recommends Top 10 papers. These recommendations are based on a hybrid model that fetches this similarity from user prefernces and a content based filtering approach.It has the following functionalities :

React component to render figma live embeds

Use Figmagic to retrieve tokens, graphics, and/or React components from a Figma document.

Yet another “Figma to React” to generate and synchronize various template language sources, designed to be AST-based, pluggable platform.

This is frontend tool to convert figma designs to react jsx elements using figma api

Figma to React Components with Storybook support

A try to clone FigJam, by Figma. Using the library react-flow

This is a Portfolio webpage built using HTML/CSS and JavaScript, as the first Microverse Project to get into the basic layout of a webpage. It was made following a Figma design. As a recent note, the project was refactored using React Framework

Fashion. is a sleek mobile app for an e-commerce store selling stylish women's outfits. Built using React Native and Expo, the app features a polished UI designed in Figma. With 6+ screens, it provides a seamless shopping experience for customers to browse, filter, and purchase the latest trends

Much like SwiftUI and React, Flutter uses a declarative UI making it one of the best frameworks for rapid design and development. This is why this course was designed for both designers and developers. We'll explore how to create apps for both major mobile operating systems, Android and iOS, with Flutter and its easy-to-learn Dart programming language. This course is beginner-friendly and will help you dip your toes into the ever-expanding ocean that is Flutter. We've packed this course with design tricks and efficient workflows to help you build great user interfaces in record time. The design file is in Figma, project assets, and Flutter source code is shared with you so that you can compare against your own progress.

Companion code to "How to Create a Figma / Miro Style Canvas with React and TypeScript"