Figma 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, contribute!
- Open-Source Plugins
- Plugins development
- Templates & UI Kits
- Rest API integrations
- 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
- Themer - A Figma plugin designed to allow you to swap between styles named the same from different published libraries.
- figma-plugins-on-github - A list of Figma Plugins that have been shared on GitHub.
- Figlight - Code highlighter for Figma.
- FigmaThird - Import, lit and use 3D models right there in Figma.
- svg-to-jsx - Figma plugin to copy svg as a react component.
- figma-latex-complete-plugin - Put LaTeX into your Figma documents.
- react-figma - Render React components to Figma.
- figma-jsonrpc - Leverage JSON-RPC to communicate between your Figma plugin and your Figma UI.
- figma-api-stub - Figma API Stub.
- figplug - Figma plugin builder.
- figma-messenger - Type-safe iframe - main thread communication.
- figma-plugin-helpers - A collection of useful helper functions to import to your Figma plugin project.
Templates & UI Kits
- figma-plugin-ds - A small lightweight design system for use in Figma Plugins.
- figma-ui-components - An unofficial set of Figma UI components.
- figma-styled-components - Figma UI styled components.
Rest API integrations
- storybook-addon-figma - Embed Figma designs in a storybook panel.
- figma-api-demo - This project contains demo apps using the Figma API.
- Figma.js - A simple JS wrapper for the Figma API.
- figma-graphql - A GraphQL connector for the Figma API.
- Figma-To-Pdf - A simple demo of exporting pdf from Figma using the API.
- figma-theme - Generate development-ready theme JSON files from Figma Styles.
- figma-to-flutter - A Dart code generator that converts Figma components to Flutter widgets.
- Figma to web - This repository will collect all developments related to the integration of Figma to Web.
- figma-and-production - An example of how you can sync Figma & production.