Projects in Awesome Lists tagged with figma

https://github.com/VoltAgent/awesome-design-md/?utm_source=awesome-ai-tools-for-ui

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

awesome-list design-md design-system design-tokens figma google-stitch landing-page vibe-coding vibe-design vibecoding

Last synced: 02 Oct 2026

https://github.com/onlook-dev/onlook

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.

ai claude-code codex cursor design design-system design-to-code design-tool figma frontend ide nextjs react supabase tailwindcss typescript ui vibe-coding vibecoding visual-engineering

Last synced: 09 Nov 2026

https://github.com/lucide-icons/lucide

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

feather-icons figma icons react svg svg-icons svgs ui-components ui-design vue

Last synced: 18 Oct 2026

https://github.com/glips/figma-context-mcp

MCP server to provide Figma layout information to AI coding agents like Cursor

ai cursor figma mcp typescript

Last synced: 09 Nov 2026

https://github.com/GLips/Figma-Context-MCP

MCP server to provide Figma layout information to AI coding agents like Cursor

ai cursor figma mcp typescript

Last synced: 22 Aug 2026

https://github.com/builderio/mitosis

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

angular builder compiler declarative figma jsx jsx-lite liquid no-code react shopify solid solidjs svelte visual vue

Last synced: 18 Oct 2026

https://github.com/BuilderIO/mitosis

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

angular builder compiler declarative figma jsx jsx-lite liquid no-code react shopify solid solidjs svelte visual vue

Last synced: 15 Mar 2025

https://github.com/parthjadhav/tkinter-designer

An easy and fast way to create a Python GUI 🐍

automatic collaborate drag-and-drop easy easy-to-use fast figma gui gui-application hacktoberfest learn python python-script python3 tkinter tkinter-designer tkinter-graphic-interface tkinter-gui tkinter-python tkinter-widgets

Last synced: 18 Oct 2026

https://github.com/astrit/css.gg

700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts.

adobe-xd api css css-icon customizable figma figma-ui-icons icons json multiple-icons npm purecss retina-ready styled-components svg svg-icon svg-icon-pack svg-icons svg-sprite svg-sprites

Last synced: 18 Oct 2026

https://github.com/dicebear/dicebear

DiceBear is an avatar library for designers and developers. 🌍

api avataaars avatar avatar-placeholder avatars bottts dicebear figma pixel-art

Last synced: 18 Oct 2026

https://github.com/themesberg/flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS

components css design-system eslint figma flowbite html hugo javascript prettier tailwind tailwindcss typescript ui-components ui-framework ui-library webpack

Last synced: 18 Oct 2026

https://github.com/ParthJadhav/Tkinter-Designer

An easy and fast way to create a Python GUI 🐍

automatic collaborate drag-and-drop easy easy-to-use fast figma gui gui-application hacktoberfest learn python python-script python3 tkinter tkinter-designer tkinter-graphic-interface tkinter-gui tkinter-python tkinter-widgets

Last synced: 15 Mar 2025

https://github.com/grab/cursor-talk-to-figma-mcp

TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.

agent agentic agentic-ai ai ai-agents automation claude-code codex cursor design figma generative-ai llm llms mcp model-context-protocol

Last synced: 09 Nov 2026

https://github.com/bernaferrari/figmatocode

Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

conversion figma figma-plugins flutter html react responsive shadcn-ui svelte swift swiftui tailwind tailwindcss typescript

Last synced: 18 Oct 2026

https://github.com/manavarya09/design-extract

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

accessibility agent-skill ai chrome-extension claude-code-plugin cli css cursor design-system design-to-code design-tokens dtcg figma mcp-server npx playwright shadcn-ui skills-sh tailwind web-scraping

Last synced: 09 Nov 2026

https://github.com/iconoir-icons/iconoir

An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.

figma flutter framer icon icons react react-native svg

Last synced: 19 Oct 2026

https://github.com/builderio/micro-agent

An AI agent that writes (actually useful) code for you

agent ai figma javascript react typescript

Last synced: 09 Nov 2026

https://github.com/taiga-family/taiga-ui

Angular components library for awesome people

angular best-practices cdk component-library components design-patterns figma hacktoberfest mobile resposive-design typescript ui ui-components ui-design uikit web

Last synced: 19 Oct 2026

https://github.com/bernaferrari/FigmaToCode

Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

conversion figma figma-plugins flutter html responsive svelte swift swiftui tailwind tailwindcss typescript

Last synced: 24 Mar 2025

https://github.com/builderio/figma-html

Convert any website to editable Figma designs

angular chrome-extension design-systems design-to-code design-tools figma figma-plugin figma-plugins html jsx-lite no-code react storybook svelte typescript vue

Last synced: 18 Oct 2026

https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp

Cursor Talk To Figma MCP

agent agentic agentic-ai ai cursor design figma mcp

Last synced: 14 May 2025

https://github.com/figma-linux/figma-linux

Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux

electron figma figma-app linux

Last synced: 19 Oct 2026

https://github.com/plugin87/ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

accessibility ai-agents claude claude-code claude-skills component-library design-system design-to-code design-tokens dtcg figma react tailwindcss ui ux wcag

Last synced: 09 Nov 2026

https://github.com/southleft/figma-console-mcp

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

ai design-systems figma figma-api figma-plugins mcp

Last synced: 09 Nov 2026

https://github.com/BuilderIO/figma-html

Builder.io for Figma: AI generation, export to code, import from web

angular chrome-extension design-systems design-to-code design-tools figma figma-plugin figma-plugins html jsx-lite no-code react storybook svelte typescript vue

Last synced: 14 Mar 2025

https://github.com/vuesion/vuesion

The original open-source Vuesion 5: a Nuxt 3 boilerplate with design system, Storybook, Figma UI kit, authentication and testing. MIT licensed, no longer maintained. Active development continues as the commercial Vuesion on Nuxt 4 with workspaces, billing and AI agent skills.

authentication boilerplate cypress design-system figma i18n nuxt nuxt3 nuxtjs pinia pwa seo server-side-rendering starter-kit storybook typescript vitest vue vue3 vuejs

Last synced: 07 Nov 2026

https://github.com/BuilderIO/micro-agent

An AI agent that writes (actually useful) code for you

agent ai figma javascript react typescript

Last synced: 03 Apr 2025

https://github.com/Figma-Linux/figma-linux

Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux

electron figma figma-app linux

Last synced: 28 Mar 2025

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

⚛️ A React renderer for Figma

figma figma-plugins react

Last synced: 19 Oct 2026

https://github.com/itmeo/webgradients

180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools, generators, and AI agents.

ai-agents background colors css css-gradients dataset design design-tokens figma figma-plugin frontend gradient json open-source sketch ui webdesign

Last synced: 19 Oct 2026

https://github.com/frappe/builder

Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly

ai-website-builder cms deployment erpnext-website figma framer frappe-framework low-code responsive typescript vue website-builder wordpress

Last synced: 19 Oct 2026

https://github.com/reshaped-ui/reshaped

Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

design-system figma react react-components ui-components

Last synced: 19 Oct 2026

https://github.com/bettertyped/react-zoom-pan-pinch

🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>

figma gesture html-manipulation miro pan pinch react react-component svg zoom zoomin zoomout

Last synced: 19 Oct 2026

https://github.com/figma/plugin-samples

🔌 Sample Figma plugins.

figma figma-plugin figma-widget hacktoberfest sample-code

Last synced: 19 Oct 2026

https://github.com/basmilius/meteocons

Beautiful, hand-crafted animated weather icons that feel alive.

animations figma icon icon-pack icons lottie lottie-animation meteocons simple-icons svg svg-files weather weather-icons

Last synced: 19 Oct 2026

https://github.com/tokens-studio/figma-plugin

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)

design-tokens figma styles tokens

Last synced: 19 Oct 2026

https://github.com/BetterTyped/react-zoom-pan-pinch

🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>

figma gesture html-manipulation miro pan pinch react react-component svg zoom zoomin zoomout

Last synced: 14 Mar 2025

https://github.com/ajay-prabhakar/awesome-flutter-ui

10+ flutter(android, ios) UI design examples :zap: - login, books, profile, food order, movie streaming, walkthrough, widgets

adobe-xd android awesome-list dart example figma flutter flutter-apps flutter-examples flutter-ui ios login mobile-design poppins textfield ui ui-design uikit ux-ui

Last synced: 19 Oct 2026

https://github.com/adrianhajdin/figma_clone

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

figma liveblocks nextjs14

Last synced: 19 Oct 2026

https://github.com/lukasoppermann/design-tokens

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

amazon-style-dictionary design-system design-tokens figma figma-api figma-plugin style-dictionary

Last synced: 19 Oct 2026

https://github.com/yuanqing/create-figma-plugin

:battery: The comprehensive toolkit for developing plugins and widgets for Figma

create-figma-plugin figjam figjam-plugin figjam-plugins figjam-widget figjam-widgets figma figma-plugin figma-plugins

Last synced: 19 Oct 2026

https://github.com/carbon-design-system/carbon-design-kit

A versioned, comprehensive kit of the Carbon Design System visual assets (components, icons, pictograms, text styles, color styles, grid templates).

carbon-design-system design figma

Last synced: 19 Oct 2026

https://github.com/idrawjs/idraw

A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)

2d canvas design draw drawing fabric fabricjs figma graph graphics idraw idraw-studio idrawjs idrawjs-editor konva konvajs photoshop pixijs sketch

Last synced: 19 Oct 2026

https://github.com/mohamedyoussouf/design-resources

A curated list of design resources from design templates, stock photos, icons, colors, and much more.

adobe-xd design design-system design-tools figma graphics illustration photos sketch ui

Last synced: 19 Oct 2026

https://github.com/awdr74100/figwright

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

ai claude-code codegen codex cursor design-to-code figma figma-mcp figma-plugin figma-to-code mcp model-context-protocol

Last synced: 19 Oct 2026

https://github.com/MohamedYoussouf/Design-Resources

A curated list of design resources from design templates, stock photos, icons, colors, and much more.

adobe-xd design design-system design-tools figma graphics illustration photos sketch ui

Last synced: 27 Mar 2025

https://github.com/hugeicons/hugeicons-react

Carefully crafted open-source React icons to fit seamlessly into your development workflow, ensuring your projects look user-friendly and professional.

design-resources figma free-icons hugeicons icon-library icons-pack open-source react-icons react-icons-component svg svgicons ui-design vue

Last synced: 14 May 2025

https://github.com/feimacode/open-design-agent-kit

Pro-grade UI design built into the coding agent you already use — GitHub Copilot Chat, Claude Code, Codex, Cursor. 270+ design skills, 150+ brand design systems, 160+ remixable examples. No desktop app, no daemon, no API keys — just files in your repo.

ai-agent claude-code claude-design claude-desktop codex copilot-chat cursor dashboard design design-systems design-tokens figma github-copilot landing-page mcp model-context-protocol open-design prototyping ui-design vibe-coding

Last synced: 09 Nov 2026

https://github.com/microsoft/vscode-icons

Icons for Visual Studio Code

figma icons visual-studio-code

Last synced: 12 Apr 2025

https://github.com/storybookjs/addon-designs

A Storybook addon that embeds Figma, websites, or images in the addon panel.

addon figma javascript storybook

Last synced: 14 May 2025

https://github.com/aloisdeniel/figma-to-flutter

A Dart code generator that converts Figma components to Flutter widgets.

dart figma flutter generator

Last synced: 12 Apr 2025

https://github.com/mikaelvesavuori/figmagic

Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

design-specs design-system design-systems design-tokens figma figma-api hacktoberfest tokens ux

Last synced: 14 May 2025

https://github.com/redmadrobot/figma-export

Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project

android android-studio design figma figma-api figmaapi ios swift swift-ui swiftui typography xcode

Last synced: 15 May 2025

https://github.com/RedMadRobot/figma-export

Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project

android android-studio design figma figma-api figmaapi ios swift swift-ui swiftui typography xcode

Last synced: 07 May 2025

https://github.com/figma/community-resources

A collection of open source plugins, widgets, agent skills, and developer resources for Figma products that have been shared on GitHub.

agent-skills figma figma-api figma-mcp figma-plugin figma-widget use-figma

Last synced: 02 Apr 2026

https://github.com/ecklf/tailwindcss-figma-kit

Figma Kit for Tailwind CSS

css design figma kit tailwind tailwindcss

Last synced: 05 Apr 2025

https://github.com/sameersyd/expenso-ios

A Simple Expense Tracker App built to demonstrate the use of SwiftUI, CoreData, Charts, Biometrics (Face & Touch ID), Export CSV and MVVM Architecture.

biometrics charts coredata expense-tracker export-csv faceid figma hacktoberfest ios ios-app ios14 material-design mvvm mvvm-architecture sameersyd swift swiftui touchid ui-design xcode

Last synced: 04 Apr 2025

https://github.com/sameersyd/Expenso-iOS

A Simple Expense Tracker App built to demonstrate the use of SwiftUI, CoreData, Charts, Biometrics (Face & Touch ID), Export CSV and MVVM Architecture.

biometrics charts coredata expense-tracker export-csv faceid figma hacktoberfest ios ios-app ios14 material-design mvvm mvvm-architecture sameersyd swift swiftui touchid ui-design xcode

Last synced: 04 Nov 2025

https://github.com/figma/plugin-resources

A collection of open source plugins, widgets and other resources for Figma + FigJam that have been shared on GitHub.

figma figma-api figma-plugin figma-widget hacktoberfest hacktoberfest2023

Last synced: 15 May 2025

https://github.com/functional-ui/functional-ui-kit

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

design-system figma front-end front-end-development frontend react react-components storybook ui-components ui-design ui-library uikit ux-design ux-ui

Last synced: 12 Apr 2025

https://github.com/arinspunk/claude-talk-to-figma-mcp

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

antigravity claude claude-ai claude-code cursor figma githubcopilot mcp mcp-server windsurf-ai

Last synced: 27 Aug 2026

https://github.com/once-ui-system/nextjs-starter

⚡ Design like a pro and build like a madman with Once UI

component-library design-system figma nextjs react token-system typescript

Last synced: 15 May 2025

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/alyssaxuu/figma-to-google-slides

Convert Figma frames into a Google Slides presentation 🍭

api figma figma-api google google-api google-slides google-slides-api php

Last synced: 05 Apr 2025

https://github.com/vibeflowing-inc/vibe_figma

Figma to React Converter

figma figma-to-code react tailwindcss

Last synced: 11 Sep 2026

https://github.com/manakhovn/figmatounityimporter

The project that imports nodes from Figma into unity.

figma import unity

Last synced: 15 May 2025

https://github.com/ManakhovN/FigmaToUnityImporter

The project that imports nodes from Figma into unity.

figma import unity

Last synced: 25 Apr 2025

https://github.com/duolingo/metasearch

Search aggregator for Slack, Google Docs, GitHub, and more :mag:

aws confluence dropbox figma github google greenhouse guru hound jenkins jira lingo notion pagerduty pingboard rollbar search slack trello zoom

Last synced: 08 Sep 2025

https://github.com/krystonschwarze/coolicons

Every icon for your next project. Free, wherever you build: 1,300+ icons in five styles with sharp, regular or round corners, for React, Vue, shadcn/ui and Figma.

figma free-icons icon-set icons mcp open-source react-icons shadcn svg-icons vue-icons

Last synced: 09 Nov 2026

https://github.com/gethopp/figma-mcp-bridge

Figma Plugin & MCP server to bypass API limits

design-to-code figma mcp mcp-server

Last synced: 27 Aug 2026

https://github.com/figma-linux/figma-linux-font-helper

Font Helper for Figma for Linux x64 platform

figma fonts helper linux rust

Last synced: 05 Apr 2025

https://github.com/gorango/glyphs

Dynamic design system for building and managing large icon sets in Figma and packaging them for the web

figma icons svg web-components

Last synced: 04 Apr 2025

https://github.com/swimmingkiim/react-image-editor

React + Konva / image editor / like Figma or Canva

canva canvas editor figma image konva react tool

Last synced: 05 Apr 2025

https://github.com/kazuyaseki/figma-to-react

Simple generator of React code from Figma

figma react typescript

Last synced: 08 Apr 2025

https://github.com/Figma-Linux/figma-linux-font-helper

Font Helper for Figma for Linux x64 platform

figma fonts helper linux rust

Last synced: 08 May 2025

https://github.com/jsuarezruiz/figma-to-maui-graphics

FigmaSharp.Maui.Graphics turns your Figma design into .NET MAUI Graphics code

dotnet figma hackweek2022 maui

Last synced: 05 Apr 2025

https://github.com/braposo/figma-graphql

The reimagined Figma API (super)powered by GraphQL

api design figma figma-api graphql tools

Last synced: 15 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: 16 May 2025

https://github.com/zouhangwithsweet/fubukicss-tool

A browser extension to get CSS from Figma in one step.

chrome css figma

Last synced: 16 May 2025

https://github.com/phamfoo/react-native-figma-squircle

Figma-flavored squircles for React Native

expo figma react react-native squircle

Last synced: 15 May 2025

https://github.com/hallee9000/heron-handoff

A Figma handoff tool, support offline exporting.

figma handoff

Last synced: 06 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: 17 Oct 2025

https://github.com/b3nnyl/figgo

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

cli design-system figma ui

Last synced: 06 Apr 2025

https://github.com/vkhanhqui/figma-mcp-go

Figma MCP for free users — no rate limits, full read/write, text to designs, designs to code

agent ai automation design figma figma-plugin mcp

Last synced: 12 Apr 2026

https://github.com/B3nnyL/figgo

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

cli design-system figma ui

Last synced: 11 May 2025

https://github.com/robb/redline

Redlines for SwiftUI

design figma swiftui

Last synced: 13 May 2025

https://github.com/dannote/figma-use

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

ai-agents automation cli design figma

Last synced: 30 Jan 2026

https://github.com/marcomontalbano/figma-export

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

cli components coveralls figma figma-export mocha svg typescript

Last synced: 06 Mar 2026

https://github.com/moonvy/figma-net-ok

🐌 让 Figma 网络访问速度更快

dns figma macos node windows

Last synced: 30 Jul 2025

https://github.com/figma-plugin-helper-functions/figma-plugin-helpers

A collection of useful helper functions to import to your Figma plugin project

figma figma-plugin helpers

Last synced: 13 Apr 2025

https://github.com/ecklf/tailwindcss-figma-plugin

Figma Plugin for Tailwind CSS

figma plugin tailwindcss

Last synced: 02 Oct 2025

https://github.com/realvjy/coolshapes-react

100+ abstract shapes with gradient for design & dev project

coolshapes figma illustration library react reactcomponent shape

Last synced: 08 Apr 2025

https://github.com/tranhoaihung/figma-ui-mcp

AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.

ai ai-design-tool ai-tools antigravity auto-designing claude-code cursor figma figma-mcp figma-plugin mcp