
Styleframe - Variables Sync Figma Plugin
Sync your design tokens between Figma and code
What it does
Bridge the gap between code and design. Designed to work with the Styleframe - the engine for writing type-safe, composable, and future-proof CSS in TypeScript. Styleframe lets you import and export design tokens using the industry-standard W3C DTCG format, keeping your Figma variables perfectly synchronized with your codebase. Compatible with Style Dictionary, Tokens Studio, and other DTCG-compatible tools. No subscriptions. No seat limits. Your design system, your rules.
Does a similar job
all alternatives →


- OSOpen-source Figma design to codeJan 2026 · github.com · ▲50
Hi HN, founders of VibeFlow (YC S25) here. We mostly work on backend and workflow tooling, but we needed a way to turn Figma designs into frontend code as a kickstart for prototyping. It takes a Figma frame and converts it into React + Tailwind components (plus assets). If you want to try it: You can run it locally or use it via the VibeFlow UI to poke at it without setup (https://app.vibeflow.ai/)


More dev tools this month
the category →



OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 2d ago · opentrailpaper.com

Open-source GTM skills for technical founders
Dev tools · 30d ago · gtmcofounder.com
