Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript Figma Projects
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
Project mention: Mitosis - Using Astro.js as the dev server to preview the component with hot-reload | dev.to | 2024-08-31Turns out there are quite a few of gotchas and open issues in using Mitosis (when this tutorial is written). Sometimes the generated code works perfectly in React and Vue but not Svelte. Sometimes the others. It would be great if
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
-
-
iconoir
An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.
Project mention: ✨10 Stunning Icon Libraries to Check Out (That Are Free and Open-Source) 🚀 | dev.to | 2025-02-15Website: Iconoir GitHub Repo: GitHub Repo
-
Project mention: Ask HN: Code copilot that autoloops unit test failures? | news.ycombinator.com | 2024-09-14
I have dabbled with this one:
https://github.com/BuilderIO/micro-agent
-
Project mention: Feature Flag Service: Experimenting with New Technologies and Architectures | dev.to | 2025-02-22
Once I completed the backend, I wanted to interact with my service through a comfortable UI. Angular 19 had just come out with stable signals and other cool features, so I decided to use it for the frontend. I didn’t want to spend too much time designing UI components, hence I decided to use a component library that provides pre-built, customizable components. This allowed me to focus more on the core functionality and user experience. The library i choose is Taiga UI.
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
react-zoom-pan-pinch
🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>
-
On the first day, I particularly enjoyed the talks about how teams use the Figma Plugin API to automate mundane tasks and to add functionality to the software that otherwise doesn't exist. There was a great talk from Discord, who discussed how they have built a plugin manager called Spellbook; they use this as a single port of entry to continue providing new functionality to their designers without needing them to install multiple plugins. They showed examples of how they've built plugins to migrate iconography across an entire file to help speed up the adoption of their new icon sets. While a simple example, it got me thinking about how I could do more to make our lives easier with the help of Figma plugins, especially regarding more considerable sweeping changes.
-
-
design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
-
create-figma-plugin
:battery: The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
-
functional-ui-kit
Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.
-
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
-
-
-
-
-
-
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Figma discussion
TypeScript Figma related posts
-
Windsurf vs Cursor: which is the better AI code editor?
-
Cursor AI: 5 Advanced Features You're Not Using
-
🚀 Introducing Figma Sprite Generator – Effortlessly Create PNG Sprites from Your Figma Icons
-
Ask HN: Code copilot that autoloops unit test failures?
-
Show HN: Open-source React renderer for Figma
-
AI Code Generation with Visual Copilot
-
Micro-agent: make an AI write code until it passes a unit test
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 22 Mar 2025
Index
What are some of the best open-source Figma projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | mitosis | 12,894 |
| 2 | dicebear | 7,050 |
| 3 | FigmaToCode | 4,031 |
| 4 | iconoir | 3,980 |
| 5 | micro-agent | 3,884 |
| 6 | taiga-ui | 3,484 |
| 7 | React Figma | 2,605 |
| 8 | react-zoom-pan-pinch | 1,632 |
| 9 | plugin-samples | 1,592 |
| 10 | idraw | 1,030 |
| 11 | design-tokens | 1,017 |
| 12 | create-figma-plugin | 985 |
| 13 | functional-ui-kit | 608 |
| 14 | assistant | 589 |
| 15 | metasearch | 492 |
| 16 | figma-to-react | 422 |
| 17 | react-native-figma-squircle | 336 |
| 18 | code | 241 |
| 19 | figma-squircle | 230 |
| 20 | flowbite-icons | 209 |
| 21 | Tailframes React components | 120 |
| 22 | figma-plugin | 80 |
| 23 | chatgpt-figma-plugin | 60 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai