All activity
Alex Grozavleft a comment
Hey Product Hunters, I just released a new Figma plugin called Styleframe - Design Token Sync. I’m sharing it here to help others who run into the same problem I often do: design tokens in Figma and code drifting out of sync. This plugin syncs design tokens using the W3C DTCG (Design Tokens Community Group) format, so it plays nicely with other tooling and doesn’t lock you into a proprietary...
Styleframe - Variables Sync Figma PluginSync your design tokens between Figma and code
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.
Styleframe - Variables Sync Figma PluginSync your design tokens between Figma and code
Type-safe, composable CSS - from simple UI styles to full Design Systems, write code using Styleframe’s powerful TypeScript CSS API - AI-ready by design.
StyleframeType-safe, Composable CSS and Design Systems in TypeScript
Alex Grozavleft a comment
Hi everyone! I’m Alex, the creator of styleframe 👋 I’ve spent over 8 years building design systems and UI tooling (including an Open Source UI Library named Inkline), and I've noticed a strong need for organized, reliable, type-safe design system code that can scale across multiple frontend frameworks (Vue, React, Solid, Svelte, etc.). The ecosystem is shifting towards headless UIs (Radix,...
StyleframeType-safe, Composable CSS and Design Systems in TypeScript
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
InklineVue.js 3 UI UX DX Components Library