LogoLogo
HomeBlogResources
  • README
  • Design
    • Awesome Design Tools
      • Awesome Design Tools
    • Awesome-UI-Templates
      • README-en
    • awesome-design-systems
      • Awesome Design System
    • Awesome Figma
      • Awesome Figma
    • awesome-styleguides
      • README-en
    • awesome-typography
      • Awesome Typography
    • awesome-ui
      • README-en
    • Awesome UX Design Styleguides
      • Awesome UX Design Styleguides
    • awesome-ux-designer
      • README-en
      • Reading list
    • awesome-ux
      • README-en
    • Awesome Webflow
      • webflow-masterclass
        • Webflow + Firebase用戶認證
    • webflow-masterclass
      • Webflow + Firebase用戶認證
  • Devops
    • Awesome SaaS boilerplate
    • Free for Dev
    • Mega Awesome List
    • Awesome-WordPress-Plugins
      • Awesome WordPress Plugins List
    • Awesome Wordpress Plugin List
    • Awesome CMS
    • awesome-flutter-cn
    • awesome-headless-cms
      • readme-en
    • Awesome-jamstack-resources
      • Awesome-jamstack-resources
    • Awesome Laravel
      • Awesome Laravel
    • awesome-list
      • The awesome manifesto
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • Creating Your Own List
      • pull_request_template
      • Media
    • Awesome Minio
    • awesome-react
      • README-en
    • Awesome Stack
      • Awesome Stacks
    • Awesome UI component library
      • Awesome UI component library
    • awesome-uikit
      • README-en
    • awesome-vercel
      • Awesome Vercel (Previously ZEIT )
    • Awesome WooCommerce
      • Awesome WooCommerce
    • Awesome WordPress
      • Awesome WordPress
    • Awesome Wordpress Developer Tools
      • Awesome WP Developer Tools
  • Marketing
    • Awesome ADTech
      • Awesome AdTech
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • HubSpot CMS Boilerplate
      • HubSpot CMS Boilerplate
    • Awesome HubSpot
    • Awesome Marketing
    • awesome-seo
    • marketing-for-engineers
      • README-en
    • Tech-Marketer
  • Nocode
    • Awesome NoCode / LowCode
      • readme-en
  • Server
    • Awesome Cloudflare
      • Awesome Cloudflare
    • Awesome-Selfhosted
      • Awesome-Selfhosted
  • shopify
    • Awesome Shopify
      • Awesome Shopify
    • Shopify Awesome 真棒!
      • Awesome Shopify
  • Tools
    • Awesome VS Code
    • Awesome Mac
      • Awesome Mac
      • editor-plugin-zh
      • editor-plugin
    • Awesome Nomad
      • Awesome Nomad
    • Awesome-notion
      • Awesome Notion (Eng)
    • awesome-tools-for-startups
      • Awesome list of FREE tools Startups should be using
  • web3
    • Blockchain-stuff
      • CONTRIBUTE
    • Blockchain-stuff
    • Web3.0_Vault-main
    • Web3.0_Vault-main
      • basics
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • awesome-ethereum
    • awesome-solidity-gh-pages
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • Awesome Web3
      • Awesome Web3 Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • Contributor Covenant Code of Conduct
    • free-Web3-resources
      • Contributing Guidelines
    • free-Web3-resources
    • free-Web3-resources
      • Intro to Solidity
    • free-Web3-resources
      • 200-days-of-Web3
    • free-Web3-resources
    • free-Web3-resources
    • Free Web3 Resources
    • free-Web3-resources
      • .github
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • Web3.0_Vault-main
    • web3together-main
      • CODE_OF_CONDUCT
      • sessions
        • Getting Started in Smart Contract Development with Solidity
    • free-Web3-resources
      • .github
        • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • bug_report
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • feature_request
  • webgl
    • Awesome-threejs
      • docs
        • Hellow Three.js 之 三维空间中观察物体的方法--照相机
        • 创建自己的全景图
        • Hellow Three.js 之 创建各种几何形状
        • hello-light-pro
        • Hellow Three.js 之 光影之谜
        • Hellow Three.js 之 加载外部3D模型
        • Hellow Three.js 之 给创建的物体赋予材质
        • hello-obj-mtl
        • P5
        • Hellow Three.js 之 有趣的着色器
        • Hellow Three.js 之 运动物体的性能监测
        • Hellow Three.js 之 让物体动起来
        • Hello Three.js 之 Hello world!
        • what-webgl
        • glsl
          • GLSL 中文手册
          • OpenGL GLSL 语法和函数详解
          • The book of shaders 记录
          • 各种 Shaders 效果
      • demo
        • 有趣的 three.js Demo
          • Decorative WebGL Backgrounds
          • Infinite Tubes
          • The Aviator
        • P5.js Demo
        • Learning-Threejs
          • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • assets
              • models
                • ogre
                  • ogro
    • awesome-threejs
      • README-en
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
    • Awesome WebGL
      • CONTRIBUTING
      • Awesome WebGL
      • Contributor Covenant Code of Conduct
      • Libraries
        • CONTRIBUTING
      • Libraries
        • WebGL Libraries - Features
      • Libraries
        • WebGL Libraries - File Size
      • Awesome WebGL - Libaries/Frameworks
  • AI
    • ChatGPT 中文指南
    • 生成式 AI 項目、工具、藝術作品和模型的精選列表
    • 精選 GPT-4 指南
    • ChatGPT 工具收錄
      • Awesome ChatGPT
    • ChatGPT 中文調教指南
    • GPT 開放原始碼項目合集
    • ChatGPT 應用收藏
    • Awesome OpenAI - 超酷的 OpenAI 蒐藏
      • Awesome-openAI
    • Awesome GPT-3 應用集
      • Awesome GPT-3
    • ChatGPT 提示指令庫
      • Awesome ChatGPT Prompts
  • SaaS
    • awesome-saas-boilerplates
Powered by GitBook
On this page
  • Contents
  • Videos
  • Articles
  • Community
  • Open-Source Plugins
  • Plugins development
  • Templates & UI Kits
  • Rest API integrations
  • Clients
  • Converters
Export as PDF
  1. Design
  2. Awesome Figma

Awesome Figma

PreviousAwesome FigmaNextawesome-styleguides

Last updated 2 years ago

is the first interface design tool with real-time collaboration.

A curated list of awesome Figma stuff that focused on integration Figma and development, e.g. Figma Plugins, Figma Rest API.

Found something cool? Please, !

Contents

Videos

Articles

Community

Open-Source Plugins

Plugins development

Templates & UI Kits

Rest API integrations

Clients

Converters

- A Figma plugin designed to allow you to swap between styles named the same from different published libraries.

- A list of Figma Plugins that have been shared on GitHub.

- Code highlighter for Figma.

- Import, lit and use 3D models right there in Figma.

- Figma plugin to copy svg as a react component.

- Put LaTeX into your Figma documents.

- Import color palettes from popular design systems.

- Hey Figma Speech Recognition.

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

- Plugin to import HTML into Figma layers.

- Figma Plugin for TailwindCSS.

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

- Render React components to Figma.

- Leverage JSON-RPC to communicate between your Figma plugin and your Figma UI.

- Figma API Stub.

- Figma plugin builder.

- Type-safe iframe - main thread communication.

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

- A comprehensive toolkit for developing Figma plugins.

- A comprehensive and reliable figma utilities library.

- Design faster with a collection of prebuilt Figma components with powerful auto layout and resizing constraints.

- A small lightweight design system for use in Figma Plugins.

- An unofficial set of Figma UI components.

- Figma UI styled components.

- Figma Kit for TailwindCSS.

- Embed Figma designs in a storybook panel.

- Export assets from Figma and download them as local files.

- This project contains demo apps using the Figma API.

- A simple JS wrapper for the Figma API.

- A GraphQL connector for the Figma API.

- A simple demo of exporting pdf from Figma using the API.

- Generate development-ready theme JSON files from Figma Styles.

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

- This repository will collect all developments related to the integration of Figma to Web.

- An example of how you can sync Figma & production.

- Optimize and download assets directly to your computer.

- Post updates to Slack from a Figma file's version history.

- Tools to help you programmatically interact with your Figma files.

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

- Figma Lottie integration.

- A super lightweight Figma desktop app that delivers a more natural Mac experience.

- Figma, Snap Package (unofficial).

- Figma electron app (unofficial).

- Easily move Figma designs to Adobe After Effects.

- Allows you to convert and open Figma designs in Sketch and Adobe XD.

Figma Tips & Tricks - UI Designer's Superpower
Figma Plugins Show & Tell
Figma Plugins: My Top 5 Favourite Figma Plugins
How I used Figma to design awesome Website UI
Design A Website In Under 1 Hour With Figma
Sketch vs Figma - Why I switched!
Introducing: Figma to React
Adobe XD vs Sketch vs Figma vs InVision
Our Review of Figma, the Google Docs for Designers!
Building A Component Library Using Figma
Sketch vs Figma, Adobe XD, And Other UI Design Applications
Component architecture in Figma
Design System for Figma — The Power of Dynamic Elements
Stack mirroring: Designing for code and coding for design
UI Designers Guide to Creating Forms & Inputs
10 tips on using components in Figma
The UX of Figma Plugins
Figma Plugins Slack
Figma Spectrum
Themer
figma-plugins-on-github
Figlight
FigmaThird
svg-to-jsx
figma-latex-complete-plugin
system.colors
figma-speech-recognition
FigmaToCode
html-figma
tailwindcss-figma-plugin
design-tokens
react-figma
figma-jsonrpc
figma-api-stub
figplug
figma-messenger
figma-plugin-helpers
create-figma-plugin
figx
free-figma-bootstrap-5-ui-kit
figma-plugin-ds
figma-ui-components
figma-styled-components
tailwindcss-figma-kit
storybook-addon-figma
figma-assets-export
figma-api-demo
Figma.js
figma-graphql
Figma-To-Pdf
figma-theme
figma-to-flutter
Figma to web
figma-and-production
Figma Asset Downloader
figma-slack-updates
figma-tools
figma-export
figma-lottie
Figmac
figma-app-ubuntu
figma-linux
Aeux
Figma to Sketch/XD Converter
Figma
contribute
Videos
Articles
Community
Open-Source Plugins
Plugins development
Templates & UI Kits
Rest API integrations
Clients
Converters