TypeScript design-to-code

Open-source TypeScript projects categorized as design-to-code
Edit details
Topics: figma-plugin Figma React HTML design-tools
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 4 TypeScript design-to-code Projects

  • 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

  • code

    Design to Code Engine (by gridaco)

  • 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

  • bricks

    Bricks is an open source tool for converting Figma designs into high-quality frontend code. (by bricks-cloud)

    • Project mention: An open source TailwindCSS and React Boilerplate for Building Figma Plugins! | /r/FigmaDesign | 2023-06-04

    This boilerplate is inspired by the process I underwent when creating Bricks. Looking back, I wish I'd had this template right at the beginning. I'm now sharing it with the community to hopefully make your development a bit smoother.

  • exo

    The Ultimate React Native Skeleton (by kat-tax)

    • Project mention: Convert Figma -> React Native (free and open-source) | /r/reactnative | 2023-05-14

    Hello all. I'm working on a plugin that converts Figma components to React Native in realtime.

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 design-to-code related posts

Index

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

Project Stars
1 html-figma 2,947
2 code 206
3 bricks 57
4 exo 10

Sponsored
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.
www.influxdata.com