parsers VS design-tokens

Compare parsers vs design-tokens and see what are their differences.

parsers

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically. (by Specifyapp)

design-tokens

Design token generator written in Deno + TS (by jhechtf)
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.io
featured
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.
www.influxdata.com
featured
parsers design-tokens
10 1
111 0
7.2% -
6.8 0.0
5 months ago 11 months ago
TypeScript TypeScript
GNU General Public License v3.0 or later -
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

parsers

Posts with mentions or reviews of parsers. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-17.
  • Show HN: Specify 2.0 – Your design token engine
    1 project | news.ycombinator.com | 25 Jan 2024
  • How do you make the devs life easier ?
    1 project | /r/UXDesign | 7 Jul 2023
    Specify if also a good all-in-one tool I just found yesterday https://specifyapp.com/
  • How can one create this type of animation? Especially with react js
    2 projects | /r/webdev | 17 May 2023
  • kickstartDS is Open Source now. Let’s start to democratize Design Systems today
    2 projects | dev.to | 15 Nov 2022
    Today quite some companies are already tackling similar problems. Talking of Knapsack.cloud, Backlight.dev, Specify, Supernova and many more, here. They all deliver value to simplify workflows for setup, integration, documentation and management of Design Systems. This is all super helpful in spreading the love about Design Systems to teams out there, and is a huge benefit to the process side of things. But you usually still need to create or import all of your components, which means that you still have some hard work before to you yourself, before finally benefitting from these tools. There’s also a lot (knowledge and work) going into the setup of a Design System (semantic tokens, hardened components, etc) that’s not solved by those tools, yet.
  • Specify VS Style Dictionary
    2 projects | dev.to | 25 Oct 2022
    By default Specify returns design data in JSON but thanks its open source parsers you can transform your design data in any formats. I repeat, in any formats.
  • El nuevo paradigma: de código a diseño
    1 project | dev.to | 29 Sep 2022
    https://story.to.design/ https://specifyapp.com/
  • Experimenting with Shape Up
    2 projects | dev.to | 15 Sep 2022
    At Specify, We started experimenting with the Shape Up methodology a few weeks ago to define focused projects, address unknowns, and increase collaboration and engagement within the team. So, I started to learn more about how other teams implemented it, too.
  • Specify
    1 project | news.ycombinator.com | 22 Apr 2022
  • Translating Figma designs to Tailwind
    1 project | /r/tailwindcss | 24 Mar 2022
    here's a list of their parsers: https://github.com/Specifyapp/parsers/tree/master/parsers
  • From Figma to React Native using Specify
    4 projects | dev.to | 11 Mar 2022
    For each rule we can use a different filter, such that the rule only applies to certain types of design tokens. Next to filters, we can also use parsers, which will manipulate the raw design tokens (which are in JSON format) and output a format that suits the programming language and platform more. Parsers behave like a pipeline, where each parser receives the input of the previous one. There are a lot of parsers to choose from, some perform very low level transformations such as round-number and camelcasify, but also full-blown parsers to a single technology such as to-tailwind and to-react-native.

design-tokens

Posts with mentions or reviews of design-tokens. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-06-27.

What are some alternatives?

When comparing parsers and design-tokens you can also consider the following projects:

design-tokens - 🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

deno-terminal-size - Rust bindings in Deno to determine the size of the terminal

style-dictionary - A build system for creating cross-platform styles.

figma-tokens-converter-cli - A CLI with utilities to simplify the process of Figma Design Tokens to Frontend.

theme-ui - Build consistent, themeable React apps based on constraint-based design principles

polaris - Shopify’s design system to help us work together to build a great experience for all of our merchants.

motion-canvas - Visualize Your Ideas With Code

code-coverage - Deno Code Coverage CLI

megaparsec - Industrial-strength monadic parser combinator library

ascii-table - ASCII Table for use in Deno. Requires FFI and unstable flag

parsec-free

pipes-aeson