Specify 2.0 – Your design token engine
Hi HN! I'm one of the creators of Specify, and we're thrilled to share this on HN. I must admit, I'm quite nervous about sharing Specify here, but I was also eager to get your feedback. We've been working on design systems for several years now, so my main focus is on designers and front-end developers, or anyone working with web interfaces. Less than two years ago, we launched Specify 1.0, which allowed designers and developers to connect their Figma files, extract styles and assets, transform them, and deliver them to developers' tools in the desired formats. In addition to working with…
What it does
In the maker’s words, at launch
Hi HN! I'm one of the creators of Specify, and we're thrilled to share this on HN. I must admit, I'm quite nervous about sharing Specify here, but I was also eager to get your feedback. We've been working on design systems for several years now, so my main focus is on designers and front-end developers, or anyone working with web interfaces. Less than two years ago, we launched Specify 1.0, which allowed designers and developers to connect their Figma files, extract styles and assets, transform them, and deliver them to developers' tools in the desired formats. In addition to working with the Design Token Community Group on an industry standard, we've had many discussions with the community and our clients since then. Teams are becoming more mature and demanding advanced features. Design tools are starting to implement some features, but we're still far from a general standardization. So, as we aim to build a central and tool-agnostic platform for design tokens, it seemed logical to create our own data format, which serves as a translator for each format offered by market tools. By creating our format, we've taken Specify to the next level. It's now compatible with over 50 types of design tokens, Figma Styles and Variables, and also hosted JSON files (GitHub, JSONBin, etc.), as well as SVGs. Specify supports advanced concepts like aliases, collections, or modes. In terms of delivering and transforming tokens, an infinite number of workflows can be created using parsers, our CLI, and our SDK. There's also the possibility to connect GitHub to receive automatic PRs, as well as Gitlab, AzureDevOps, and Bitbucket. In short, Specify was built to streamline the design/dev collaboration, especially when managing multiple brands, products, and platforms. If this topic resonates with anyone in this community, I'd love to hear what you think. :) Here are some links that might be helpful if you want to test: - The tool: https://specifyapp.com - The docs: https://docs.specifyapp.com/ - A short video: https://www.youtube.com/watch?v=khOpD0BN-Ug
Does the same job
all alternatives →
- MSMakers.so – A website builder inside Figma2022 · ▲180
Founder here. Makers.so is a Figma Plugin to build and publish sites without ever leaving Figma. Here’s a demo [0]. As a front-end developer I constantly go from Figma to code / site, but it’s tedious… I decided to automate the process with this plugin. It works great for simple projects like: - Landing Pages - Portfolio / Personal sites - Resume sites - Careers / Wiki sites So, not a Webflow / Framer competitor (yet). Webflow and Framer are amazing tools, but if you are in the Figma ecosystem, it's boring to duplicate your work on a different tool. I'm trying to make…
- WVWe've built graphics comparison tool2019 · ▲23
Hi, I wanted to share with You our project (https://comparere.io). We have built a website for comparing graphics and designs. The concept is simple, you have to just drag'n drop two designs you are having trouble to pick from. The idea has emarged when we stumbled across many different facebook groups for graphic designers, where they used to sometimes ask the community for help to decide which design is better. I had similar problem too. Hopefully this tool will help graphic/ux designers build/create projects that will appeal to more audiences. We are looking forward to…
- A4Anima 4 (YC S18) – Turn design work into developer-friendly React code2020 · ▲22
Hi everyone! We’re Avishay, Or, and Michal, co-founders of Anima (www.animaapp.com). Anima converts design (Figma/Sketch/XD) into code automatically. Up until today, we only produced HTML/JS/CSS. With our latest release, we can now also generate developer-friendly React code. We’re here to replace image-based handoff, which involves a lot of grunt work for the engineers who have to translate all those images into code that does the same thing. For designers, the pain we solve is the ping-pong, and their vision getting lost in translation. The bottom line is that teams can…
More life & fun this month
the category →- TL
Life & fun · 10d ago · louisabraham.github.io
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 26d ago · baselashraf81.github.io
Launched alongside, January 2024
the whole month →
- IM
Life & fun · 2024 · sitinshade.com
