TypeScript Figma

Open-source TypeScript projects categorized as Figma
Edit details
Topics: React TypeScript figma-plugin Svelte Vue
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com
Sponsored

Top 23 TypeScript Figma Projects

  • mitosis

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

    • Project mention: Nx - Highlights of 2023 | dev.to | 2023-12-28

    Builder.io Mitosis -

  • dicebear

    DiceBear is an avatar library for designers and developers. 🌍

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • FigmaToCode

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

    • Project mention: Best Flutter UI kit | /r/FlutterDev | 2023-06-04

  • html-figma

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

    • Project mention: Introducing Visual Copilot: A Better Figma-to-Code Workflow | dev.to | 2023-10-12

    Try the Builder.io Figma plugin

  • React Figma

    ⚛️ A React renderer for Figma

  • react-zoom-pan-pinch

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

  • idraw

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

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • 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

  • 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

  • functional-ui-kit

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

    • Project mention: Show HN: Functional UI Kit – twin Figma and React component libraries | news.ycombinator.com | 2024-02-25

  • metasearch

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

  • figma-to-react

    Simple generator of React code from Figma

  • react-native-figma-squircle

    Figma-flavored squircles for React Native

  • code

    Design to Code Engine (by gridaco)

  • flowbite-icons

    Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS

    • Project mention: Am construit 430+ SVG icons gratuite pentru Flowbite &amp; Tailwind CSS | /r/programare | 2023-07-01

    Repository pe GitHub (MIT License)

  • figma-squircle

    Figma-flavored squircles for everyone

    • Project mention: Showcasing SquircleJS - a component you can use to add iOS-style squircles to your frontend project. | /r/react | 2023-06-20

    So it's a wrapper for https://github.com/phamfoo/figma-squircle. Is there anything extra on top of this?

  • figma-plugin

    Create maps with Figma

  • chatgpt-figma-plugin

    Experimental Chat GPT plugin for Figma

  • Tailframes React components

    Open-source React components styled with Tailwind CSS. (by Tailframes)

  • figma-api-exporter

    Export assets from Figma API, sync your SVG files.

  • figus

    Easily download Figma assets and generate SVGs components for Vue, React and React MUI and more to come

  • groovi

    🍃 Create soothing focus mixes

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
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 related posts

Index

What are some of the best open-source Figma projects in TypeScript? This list will help you:

Project Stars
1 mitosis 10,760
2 dicebear 6,484
3 FigmaToCode 3,470
4 html-figma 2,947
5 React Figma 2,399
6 react-zoom-pan-pinch 1,307
7 idraw 901
8 design-tokens 901
9 create-figma-plugin 855
10 assistant 553
11 functional-ui-kit 496
12 metasearch 439
13 figma-to-react 377
14 react-native-figma-squircle 310
15 code 206
16 flowbite-icons 166
17 figma-squircle 150
18 figma-plugin 73
19 chatgpt-figma-plugin 56
20 Tailframes React components 55
21 figma-api-exporter 43
22 figus 28
23 groovi 25

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com