{"id":3567,"url":"https://github.com/react-figma/awesome-figma","name":"awesome-figma","description":"💡 A curated list of delightful Figma resources","projects_count":66,"last_synced_at":"2026-07-20T06:00:20.726Z","repository":{"id":44547116,"uuid":"165040894","full_name":"react-figma/awesome-figma","owner":"react-figma","description":"💡 A curated list of delightful Figma resources","archived":false,"fork":false,"pushed_at":"2024-05-30T20:51:59.000Z","size":90,"stargazers_count":436,"open_issues_count":6,"forks_count":36,"subscribers_count":11,"default_branch":"master","last_synced_at":"2026-07-01T17:04:42.830Z","etag":null,"topics":["awesome","awesome-list","figma"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-figma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-10T10:36:27.000Z","updated_at":"2026-06-28T18:22:21.000Z","dependencies_parsed_at":"2024-04-13T19:09:54.889Z","dependency_job_id":"8166f628-eec0-433d-86a6-8c09331fcab1","html_url":"https://github.com/react-figma/awesome-figma","commit_stats":{"total_commits":85,"total_committers":8,"mean_commits":10.625,"dds":0.09411764705882353,"last_synced_commit":"cbba9cc84e723addbfcdc280c4bdddf7c5e7cff7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/react-figma/awesome-figma","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-figma%2Fawesome-figma","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-figma%2Fawesome-figma/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-figma%2Fawesome-figma/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-figma%2Fawesome-figma/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-figma","download_url":"https://codeload.github.com/react-figma/awesome-figma/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-figma%2Fawesome-figma/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35675233,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"ssl_error","status_checked_at":"2026-07-20T02:08:09.736Z","response_time":111,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-06T00:24:12.678Z","updated_at":"2026-07-20T06:00:20.729Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Videos","Articles","Community","Clients","Converters","Plugins development","Open-Source Plugins","Rest API integrations","Templates \u0026 UI Kits"],"sub_categories":[],"readme":"# Awesome Figma [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)\n\n[\u003cimg src=\"figma-logo.svg\" align=\"right\" width=\"100\"\u003e](https://www.figma.com)\n\n\u003e [**Figma**](https://www.figma.com/) is the first interface design tool with real-time collaboration. \n\nA curated list of awesome Figma stuff that focused on integration Figma and development, e.g. Figma Plugins, Figma Rest API.\n\nFound something cool? Please, **[contribute](contributing.md)**!\n\n## Contents\n\n* [Videos](#videos) \n* [Articles](#articles) \n* [Community](#community) \n* [Open-Source Plugins](#open-source-plugins) \n* [Plugins development](#plugins-development)\n* [Templates \u0026 UI Kits](#templates--ui-kits)\n* [Rest API integrations](#rest-api-integrations)\n* [Clients](#clients)\n* [Converters](#converters)\n\n## Videos\n\n* [Figma Tips \u0026 Tricks - UI Designer's Superpower](https://www.youtube.com/watch?v=Vo0sEPqArRQ)\n* [Figma Plugins Show \u0026 Tell](https://www.youtube.com/watch?v=i6ppX9fjXz0)\n* [Figma Plugins: My Top 5 Favourite Figma Plugins](https://www.youtube.com/watch?v=LiqKIeH9Sdk)\n* [How I used Figma to design awesome Website UI](https://www.youtube.com/watch?v=m0sHva0JjZE)\n* [Design A Website In Under 1 Hour With Figma](https://www.youtube.com/watch?v=FK4YusHIIj0)\n* [Sketch vs Figma - Why I switched!](https://www.youtube.com/watch?v=wIyhqEra7Sc)\n\n## Articles\n\n* [Introducing: Figma to React](https://www.figma.com/blog/introducing-figma-to-react/)\n* [Adobe XD vs Sketch vs Figma vs InVision](https://dev.to/creativetim_official/adobe-xd-vs-sketch-vs-figma-vs-invision-1pfc)\n* [Our Review of Figma, the Google Docs for Designers!](https://usersnap.com/blog/review-figma/)\n* [Building A Component Library Using Figma](https://www.smashingmagazine.com/2019/06/building-component-library-figma/)\n* [Sketch vs Figma, Adobe XD, And Other UI Design Applications](https://www.smashingmagazine.com/2019/04/sketch-figma-adobe-xd-ui-design-applications/)\n* [Component architecture in Figma](https://www.figma.com/best-practices/component-architecture/)\n* [Design System for Figma — The Power of Dynamic Elements](https://medium.com/@juauz/design-system-for-figma-the-power-of-dynamic-elements-4ca4dc3e4524)\n* [Stack mirroring: Designing for code and coding for design](https://www.designsystems.com/stack-mirroring-designing-for-code-and-coding-for-design/)\n* [UI Designers Guide to Creating Forms \u0026 Inputs](https://medium.com/design-with-figma/ui-designers-guide-to-creating-forms-inputs-b6516f366a93)\n* [10 tips on using components in Figma](https://medium.com/design-with-figma/10-tips-on-using-components-in-figma-c7db9c5e7fe1)\n* [The UX of Figma Plugins](https://medium.com/@yuanqing/the-ux-of-figma-plugins-f4f896f8cf35)\n\n## Community\n\n* [Figma Plugins Slack](https://figmaplugins.slack.com)\n* [Figma Spectrum](https://spectrum.chat/figma?tab=posts)\n\n## Open-Source Plugins\n\n* [Themer](https://github.com/thomas-lowry/themer) - A Figma plugin designed to allow you to swap between styles named the same from different published libraries.\n* [figma-plugins-on-github](https://github.com/thomas-lowry/figma-plugins-on-github) - A list of Figma Plugins that have been shared on GitHub.\n* [Figlight](https://github.com/jeetiss/figlight) - Code highlighter for Figma.\n* [FigmaThird](https://github.com/ahkohd/FigmaThird) - Import, lit and use 3D models right there in Figma.\n* [svg-to-jsx](https://github.com/SaraVieira/svg-to-jsx) - Figma plugin to copy svg as a react component.\n* [figma-latex-complete-plugin](https://github.com/maxkrieger/figma-latex-complete-plugin) - Put LaTeX into your Figma documents.\n* [system.colors](https://github.com/thelittlewonder/system.colors) - Import color palettes from popular design systems.\n* [figma-speech-recognition](https://github.com/sonnylazuardi/figma-speech-recognition) - Hey Figma Speech Recognition.\n* [FigmaToCode](https://github.com/bernaferrari/FigmaToCode) - Generate responsive pages and apps on Tailwind, Flutter and SwiftUI.\n* [html-figma](https://github.com/BuilderIO/html-figma) - Plugin to import HTML into Figma layers.\n* [tailwindcss-figma-plugin](https://github.com/impulse/tailwindcss-figma-plugin) - Figma Plugin for TailwindCSS.\n* [design-tokens](https://github.com/lukasoppermann/design-tokens) - Figma plugin to export design tokens to json in an amazon style dictionary compatible format.\n\n\n## Plugins development\n\n* [react-figma](https://github.com/react-figma/react-figma) - Render React components to Figma.\n* [figma-jsonrpc](https://github.com/Lona/figma-jsonrpc) - Leverage JSON-RPC to communicate between your Figma plugin and your Figma UI.\n* [figma-api-stub](https://github.com/react-figma/figma-api-stub) - Figma API Stub.\n* [figplug](https://github.com/rsms/figplug) - Figma plugin builder.\n* [figma-messenger](https://github.com/okotoki/figma-messenger) - Type-safe iframe - main thread communication.\n* [figma-plugin-helpers](https://github.com/figma-plugin-helper-functions/figma-plugin-helpers) - A collection of useful helper functions to import to your Figma plugin project.\n* [create-figma-plugin](https://github.com/yuanqing/create-figma-plugin) - A comprehensive toolkit for developing Figma plugins.\n* [figx](https://github.com/n0ruSh/figx) - A comprehensive and reliable figma utilities library.\n* [figma-plugin-react-template](https://github.com/nirsky/figma-plugin-react-template) — Quickstart your Figma Plugin with this template and tooling.\n* [figma-plugin-react-vite](https://github.com/CoconutGoodie/figma-plugin-react-vite) — A figma plugin boilerplate, that simplifies building plugins with React + Vite.\n\n## Templates \u0026 UI Kits\n\n* [free-figma-bootstrap-5-ui-kit](https://themeselection.com/products/free-figma-bootstrap-ui-kit/) - Design faster with a collection of prebuilt Figma components with powerful auto layout and resizing constraints.\n* [figma-plugin-ds](https://github.com/thomas-lowry/figma-plugin-ds) - A small lightweight design system for use in Figma Plugins.\n* [figma-ui-components](https://github.com/lessmess-dev/figma-ui-components) - An unofficial set of Figma UI components.\n* [figma-styled-components](https://github.com/jhardy/figma-styled-components) - Figma UI styled components.\n* [tailwindcss-figma-kit](https://github.com/impulse/tailwindcss-figma-kit) - Figma Kit for TailwindCSS.\n\n## Rest API integrations\n\n* [storybook-addon-figma](https://github.com/hharnisc/storybook-addon-figma) - Embed Figma designs in a storybook panel.\n* [figma-api-demo](https://github.com/figma/figma-api-demo) - This project contains demo apps using the Figma API.\n* [Figma.js](https://github.com/jongold/figma-js) - A simple JS wrapper for the Figma API.\n* [figma-graphql](https://github.com/braposo/figma-graphql) - A GraphQL connector for the Figma API.\n* [Figma-To-Pdf](https://github.com/gweltaz-calori/Figma-To-Pdf) - A simple demo of exporting pdf from Figma using the API.\n* [figma-theme](https://github.com/jxnblk/figma-theme) - Generate development-ready theme JSON files from Figma Styles.\n* [figma-to-flutter](https://github.com/aloisdeniel/figma-to-flutter) - A Dart code generator that converts Figma components to Flutter widgets. \n* [Figma to web](https://github.com/Severenit/figma-to-web) - This repository will collect all developments related to the integration of Figma to Web.\n* [figma-and-production](https://github.com/simareeno/figma-and-production) - An example of how you can sync Figma \u0026 production.\n* [Figma Asset Downloader](https://robertohuertasm.github.io/figma-asset-downloader) - Optimize and download assets directly to your computer.\n* [figma-slack-updates](https://github.com/jordansinger/figma-slack-updates) - Post updates to Slack from a Figma file's version history.\n* [figma-tools](https://github.com/souporserious/figma-tools) - Tools to help you programmatically interact with your Figma files.\n* [figma-export](https://github.com/RedMadRobot/figma-export) - Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project.\n* [figma-lottie](https://github.com/robinetbatman/figma-lottie) - Figma Lottie integration.\n* [FigmaPy](https://github.com/Amatobahn/FigmaPy) - An unofficial Python3+ wrapper for Figma API.\n\n## Clients\n\n* [Figmac](https://figmac.com/) - A super lightweight Figma desktop app that delivers a more natural Mac experience.\n* [figma-app-ubuntu](https://github.com/302bis/figma-app-ubuntu) - Figma, Snap Package (unofficial).\n* [figma-linux](https://github.com/ChugunovRoman/figma-linux) - Figma electron app (unofficial).\n\n## Converters\n\n* [Aeux](https://aeux.io/) - Easily move Figma designs to Adobe After Effects.\n* [Figma to Sketch/XD Converter](https://magicul.io) - Allows you to convert and open Figma designs in Sketch and Adobe XD.\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/react-figma%2Fawesome-figma/projects"}