# bernaferrari/FigmaToCode

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

Repository: https://github.com/bernaferrari/FigmaToCode
Canonical: https://ross.abutalabs.com/products/figmatocode
Homepage: https://www.figma.com/community/plugin/842128343887142055
Language: TypeScript
License: GPL-3.0
License Family: copyleft
Topics: figma, figma-plugins, typescript, svelte, tailwindcss, flutter, responsive, swift, swiftui, html, tailwind, conversion, react, shadcn-ui
Last push: 2026-08-05T23:23:49+00:00

## Health v2 (maintenance only)
Score: 75/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 96, release rhythm 35, longevity 100
- inputs: {"age_days": 2266, "days_push": 28, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5155, forks 499 (observed 2026-08-28T04:09:11.441681+00:00)

## What it is
A free, open-source Figma plugin that deterministically converts Figma selections into editable code for HTML, React, Svelte, Tailwind, Flutter, and SwiftUI. It runs entirely inside Figma's sandbox with no network access, AI models, or account requirements, and can export downloadable starter projects.

## Use cases
- convert a Figma design frame into responsive HTML and Tailwind CSS
- generate Flutter widgets from a Figma component
- produce SwiftUI view code from a Figma selection
- turn a design into a React or Svelte starter project
- hand off designs to developers as readable code scaffolds
- generate code from designs without sending data to external services

## When to choose
- you need a quick, deterministic design-to-code scaffold inside Figma
- your team forbids uploading designs to external AI services
- you target multiple frameworks (web and native) from the same design
- you want a free plugin with no generation limits or accounts

## When to avoid
- you expect AI-generated production-ready code rather than a visual scaffold
- you need pixel-perfect, fully styled output with no manual refinement
- your design relies on features the plugin flags as unsupported for a target

## Facets
- artifact type: plugin
- maturity: active
- function: templating, developer-tools
- domain: web-development, frontend, developer-tools, cross-platform
- platform: browser, cross-platform
- tags: figma-plugin, design-to-code, tailwind, flutter, swiftui, react, svelte, code-generation, web-server

## Member repositories
- bernaferrari/FigmaToCode (main) score 75

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:11.441681+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:01:55.229215+00:00, confidence not recorded.
  - readme: https://github.com/bernaferrari/FigmaToCode (fetched 2026-08-28T04:09:11.441681+00:00, sha 4f835beaf5f3)
- Data as of 2026-08-30T08:39:29.467469+00:00.