Figma Clone using Next.js, Fabric.js and Liveblocks in TypeScript

A guide on how to use the Figma MCP server

FigmaChain is a set of Python scripts that generate HTML/CSS code based on Figma designs. Using OpenAI's GPT-3 model, FigmaChain enables developers to quickly generate HTML/CSS code from a Figma design input. It also includes a Streamlit-based chatbot interface for interactive code generation.

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.

A small lightweight design system for use in Figma Plugins

Control Figma from the command line. Full read/write access for AI agents — create shapes, text, components, set styles, export images. 100+ commands.

Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website.

This plugin allows you to copy all the properties of any group or frame and its child layers in Figma, enabling easy recreation in code using Cursor.

Cross-platform open-source framework to build graphics applications (like Figma, Canva, Miro, etc). Uses Rust, Wasm, wgpu and epaint.

Free essential line icons for designers and developers - Available in SVG, Figma and Icon Font. 100% Free to use with commercial or personal projects

Powerful, intelligent and easy to use Figma internationalisation scripts.

🍭 Gatsby plugin for using Figma documents as a data source.

A bold, striking arts and life magazine website built as an SPA using Next.js, TypeScript, React Suspense, React Hook Form, Zod, Tailwind, Shadcn, GSAP and E2E Testing using Playwright from Figma templates designed by Pawel Gola.

Probot using figma api to comment on PRs with before after images

Source for a small Figma plugin to export vector shapes to Shape classes for use in Jetpack Compose apps

A simple example of using Figma API to get a JSON file, filter or download it

This project is a reverse-engineered version of Figma's tone changer. It uses Groq's Llama-3-8b for high-speed inference and to adjust the tone of input text based on user-selected tones and weights.

Figma2Unreal uses the [Figma API](https://www.figma.com/developers/api) and python scripts to take assets created in Figma and create nested UMG widgets suitable for making more advanced prototypes.

Scripts used to migrate Figma's codebase to strictNullChecks

Figma plugin to generate code using OpenAI API

Automatic layer naming in Figma using AI.

Command line tool to generate code for styles using the Figma API.

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.

User interface for a Church website designed using Figma

Uses the Figma REST api to export svg icons into your project

A lightweight, customizable web component library that uses Figmas UI3 style for modern web applications, but specifically for Figma plugins.

The PatternFly Design Kit is a Figma library used for creating PatternFly accurate design mockups

🙈 import, lit and use 3D models right there in Figma

A lightweight template for Figma plugins using Vue.js

It is a fully responsive and adaptive multi-page website for a midsized multinational IT company. The website was built using pure HTML, CSS (SCSS), and vanilla JS, following BEM and semantic coding principles from the Figma design. It includes dynamic animations, parallax, popups, sliders, and other engaging features.