TypeScript Figma

Open-source TypeScript projects categorized as Figma
Edit details
Topics: React TypeScript figma-plugin Svelte Vue
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

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

  • Tailframes React components

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

  • chatgpt-figma-plugin

    Experimental Chat GPT plugin for Figma

  • 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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • Show HN: Functional UI Kit – twin Figma and React component libraries

    2 projects | news.ycombinator.com | 25 Feb 2024

  • Which types of quote blocks I can use? (e.g: &gt;[!tip]...)

    3 projects | /r/ObsidianMD | 6 Dec 2023

  • Introducing Visual Copilot: A Better Figma-to-Code Workflow

    2 projects | dev.to | 12 Oct 2023

  • Am construit 430+ SVG icons gratuite pentru Flowbite &amp; Tailwind CSS

    1 project | /r/programare | 1 Jul 2023

  • I built 430+ open-source SVG icons for Flowbite and Tailwind CSS

    1 project | /r/webdev | 30 Jun 2023

  • I built an open-source collection of 430+ SVG icons

    1 project | /r/opensource | 27 Jun 2023

  • Flowbite Icons - Open-source 430+ SVG icons for Tailwind CSS and Figma

    1 project | /r/coolgithubprojects | 27 Jun 2023
  • A note from our sponsor - SurveyJS
    surveyjs.io | 29 May 2024
    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. Learn more →

Index

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

Project Stars
1 mitosis 11,096
2 dicebear 6,533
3 FigmaToCode 3,515
4 html-figma 2,983
5 React Figma 2,410
6 react-zoom-pan-pinch 1,344
7 idraw 924
8 design-tokens 910
9 create-figma-plugin 870
10 assistant 557
11 functional-ui-kit 505
12 metasearch 446
13 figma-to-react 378
14 react-native-figma-squircle 311
15 code 210
16 flowbite-icons 171
17 figma-squircle 153
18 figma-plugin 74
19 Tailframes React components 69
20 chatgpt-figma-plugin 56
21 figma-api-exporter 43
22 figus 28
23 groovi 26

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com