@charlene187 Thanks a lot! We do have a parser for px-to-rem right here. You can browse all the parsers. They're all available on the output pipeline so you can transform the data to your needs 😃
@patricia_bsc_kairn Thank you so much Patricia! Your support means a lot to us 🙏
Keep us posted how the trial goes, we're happy to help! cc @chuckn0risk
P.S. Also, I'd love your thoughts on the onboarding flow!
Damn can't get over the video animation! Logo animation is also very slick and thoughtful. Wish you the best on the launch!
PS: was the video designed in-house?
@yassersultan Thank you so much Yasser! Yep, it was fully made by my little hands (2D, 3D, Sound Design) and of course I was helped a lot by the marketing crew 💪 Next week, Im gonna post a long and detailed breakdown of the whole process on my Behance page!
@thibaut_crepelle You sir and your little hands have some mad skills! :) Loved the part where the voice over says "designers connect your fav design tools like Figma..." and the pipe animates to connect with that "device".
Will be great if you can comment the Behance link here, would love to read it.
@yassersultan Ahahah this little part definitely makes viewers happy apparently! Well I'll reply to your comment with the link as soon as it is online ! Cheers
Super excited by Specify's product! When you see what companies such as Shopify do on the Design System front (see Shopify Solaris), it only makes sense to have tools like Specify to democratize the access to Design System infrastructure.
@clemnt Couldn't agree more Clément! Design systems are now the way to go but they clearly fall into the "easier said than done" side of things. Specify helps teams feed and consume their organization's branding through their design system. This offers the flexibility organizations deserve to maintain their brand at scale across all their target platforms 👍
Looks great! Onboarding was super smooth and done in a minute.
Two question though:
1) Right now it seems I can only bulk import color styles from a Figma file. Any chance to refine this in the future so that I can choose which to not sync? Or to use the nesting from Figma styles (with slashes) to group them in Specify as well?
2) Do you plan to provide aliasing / support relationships between tokens? e.g. a color token that has a distinct name but uses the color value of another one?
Hey @haenschenhans, thanks a lot for your kind words!
1. Currently, you can either import tokens from Local Styles or by Frame (on the “Set up your connection” configuration step). By selecting frames over local styles you must be able to get more granular results. You can find examples of frame-based definitions on
https://www.figma.com/community/file/1078015059752018461.
Moreover, on the development side, you’ll be able to filter, format, and assemble almost any style or asset file. We are actively working on improving this experience, mainly filtering and data enhancing. Stay tuned ⚡️
About the nesting and grouping of the tokens, it is not currently available, anyway, we have it on the roadmap 😃
2. Aliases are a pretty hot topic within the community. The least we can say, we did not come to a consensus yet: the limit between aliasing and inheritance, the management of the aliases tree, or even how to drive users to define the right level of layers for each kind of variant... That’s why conversations are actively going within the Design Tokens Community Group to build a future specification on that side.
Specify is tool agnostic, our goal is to come up with the right abstraction. Since it’s not possible yet, we’ve been internally researching for solutions to build our very own aliasing system. Here are the guidelines we encourage our users to follow to use Figma aliases along with Specify: https://www.figma.com/file/jTzVNLbtK5eFjUrP3EAm6z/Global-and-Alias-styles-in-Figma
@moreaux_antoine ah, you're right - i could import just frames with the styles I need. stupid me :D
and thx for your opinion on the nesting - will check out your guideline!
I know there has been a lot of hard work and intentionality to make this the smoothest platform for managing and distributing design tokens. So excited for the launch and what will be coming next!
@michaelmangial1 WOW Thank you so much for your ever-lasting help and support, Michael 🙏
Indeed, there has been a lot of hard work, and there's more to come. Our CEO @valentinchrt shared our vision and what's next in this Thread. It's just the beginning 🙂
Hi Product Hunt!
Thank you @hnshah for the hunt. 🙏
I'm Val, co-makers of Sketch Icons, a product I built with my former roommate @moreaux_antoine. It's been a while!
So many of you have given this plugin a chance, shared feedback, and helped us go forward on our vision to help developers and designers work better together.
Today, we're introducing Specify, the world's first Design Data Platform.
Specify is a Design API that helps you iterate faster and ensure brand consistency. All this by connecting your design tools, like Figma, and your dev tools, like GitHub. Other tools are to come in the next few months.
- 🎨 Designers, connect your Figma files, then let Specify monitor and collect your design decisions automatically. This way, you control what is sent to developers and reduce the risk of inconsistencies.
- 🖥️ Developers, configure tailored transformation pipelines for every project and get design tokens and assets from wherever you want, either by CLI or automated GitHub Pull Requests.
- 🤝 Teams can benefit from a single source of truth and a continuous delivery system that ensures brand consistency.
Have more time for fun and focus on what matters the most: your product and your users.
Our fantastic team and I have worked hard on Specify. We're so thrilled to be live on Product Hunt.
Please have a look, give Specify a spin, and drop a comment here. We're eager to read your feedback!
Super hyped by this product 🔥
When you see all the challenges design teams have to face today, it only makes sense to connect developers to designers!
A single source of truth = more time to focus on users and to iterate on the product 👌🏼
Could this become the Segment of design? 👀
@joyboustani Thanks Joy! Mentionning Segment is indeed a perfect analogy. Orgs have been managing their analytics data by collecting, storing and distributing them. In our view, it makes perfect sense doing the same for design data 👍
Hey @galaxyx7 😊
Thanks for your message!
We’re a Design API that helps you distribute and maintain your brand identity, such as your styles and assets, on all your digital products.
Basically, all you have to do is to connect your Figma files and your codebases to Specify. Then developers can automatically receive design tokens via GitHub pull requests or using our CLI. The main thing is, you can tailor shape your design data to make it compatible with your technical stack.
In short: in early 2017, we were working in different teams as product designer, developer & product manager in different companies. After seeing how product teams were struggling to properly collaborate together on building and maintaining their digital products, we decided to build something that helps them solve all their problems ⚡
In 2018, we built the first version of Specify which was a desktop app that provided:
- A design components and styles library extracted from Sketch
- A documentation tool
- A component inspect tool
- A delivery pipeline distributing design tokens to GitHub and GitLab.
That was an "all-in-one tool“ for Design Systems. In late 2019, following how the market evolved, the fast growth of Figma and the evolution of the product teams habits and workflow, we decided to revamp Specify to a more flexible version 😊
That's how the first Design Data Platform came to life 💜
@madorakkusu Wow Yanis, thank you so much for your comment!
Please go ahead and give Specify a spin. To start, you can share this Figma file that may help you index your design tokens and assets. Also, read our API docs to learn more how to pull them into fully configurable files.
Hope it helps you get started! Keep us posted :)
Design is finally getting its single source of truth with Specify, it was about time! Will definitely share this with the frontend dev, design, and marketing teams at GitGuardian.
@aksakal Hi Serhat, thank you for your support!
That's it :)
Basically, you connect your Figma files and your GitHub repositories, and boom they're in sync. To quote @romaindillet from TechCrunch: "Specify automagically collects, stores, and distributes your design tokens and assets."
@colorjunkie Wow thanks Antoine 🙏
Our design team puts so much care into the details. We're glad you like it. We detailed all the visual assets we designed for the launch in this Thread. What's your favorite one?
S/O @yannglt@louis_charadon@thibaut_crepelle
Zappi Ad Predictor