p/specify
Your Design Tokens Engine
Hiten Shah
Specify — Sync your Figma files with GitHub repositories in minutes
Featured
138
Specify is the Design Data Platform for your design & dev teams:

🎨 Collect your design tokens and assets from Figma
🤖 Store them as a single source of truth
⚡️ Distribute your brand with custom delivery pipelines

Get started for free → specifyapp.com
Replies
Best
Nik Hazell
Wonderful idea - checking with our design team to see if they're interested in giving Specify a spin! Thanks ?makers!
Allan Michay
@nik_hazell Thanks a lot! Hope you'll give it a try, I think you'll enjoy it!
flo merian
@nik_hazell Thanks, Nik! Feel free to share with your design team this Figma file example. It would help get started with Specify. Keep us posted :)
Charlene GK
💎 Pixel perfection
Loving this! Great product! And that demo video is lit! 🔥 Personally you got me at rgba-to-hex 😂 Do you also px-to-rem? 🤓
Mohamed Khalil Elloumi
@charlene187 Thank you Charlene 🙏! Glad to hear that and yes we do have the px-to-rem 🔥
Allan Michay
@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
Soooo doped by this launch, can't wait to implement it for our team at Kairn ! Thanks for the great product !
Nico André
flo merian
@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!
Valentin Chrétien
@patricia_bsc_kairn Oh yeah, thanks a lot Patricia!
Yasser Sultan
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?
Thibaut Crépelle
@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!
Yasser Sultan
@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.
Thibaut Crépelle
@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
clement vouillon
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.
flo merian
@clemnt WOW, Clément! Thank you so much for your support 🙏
Pierre-Antoine Lemaitre
@clemnt Thanks a lot @clemnt 💜 Your support means a lot to us!
Louis Chenais
@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 👍
Johannes Ecker
💡 Bright idea
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?
Antoine Moreaux
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
Johannes Ecker
@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!
flo merian
@haenschenhans Keep us posted, Johannes! We're here to help :) cc @moreaux_antoine @chuckn0risk
Christophe Pasquier
Soooo nice to see it launched, we need to get it started at Slite!
flo merian
@christophepas Thanks Chris! looking forward to it :)
Pierre-Antoine Lemaitre
@christophepas Thanks a lot!
Daniel Ley
Congrats for the release and the funding! We at kickstartDS are looking forward to try it out soon. And the video-teaser is brilliant, love it!
Valentin Chrétien
@dley_de Thank you, Daniel!
flo merian
@dley_de WOW Thanks Daniel! Keep us posted! HUGE S/O @thibaut_crepelle for the video
Michael Mangialardi
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!
flo merian
@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 🙂
Louis Chenais
@michaelmangial1 Thanks for your support Mike 🙏
Valentin Chrétien
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!
Joy Boustani
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? 👀
Pierre-Antoine Lemaitre
Thanks for your kind words @joyboustani We aim to simplify product teams life and we won't stop there 💪
Louis Chenais
@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 👍
Shivi Jalota
Love the concept and the introduction. All the best you guys
flo merian
@shivi_jalota Thank you, Shivi! We're a small team and worked hard on this launch. S/O @thibaut_crepelle for the intro :)
Allan Michay
@shivi_jalota Thanks a lot! 🙏
Romano Pravdic
?makers Seems super useful, but am unsure how it works exactly. Where did the idea come from?
Pierre-Antoine Lemaitre
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 💜
Yanis Tam
Congratulations on the launch ! Everything looks awesome, great product hypeeeee Definitely gonna push it in my company :)
Yann-Edern Gillet
Top Product
Maker
Thanks a lot Yanis ! 🔥
flo merian
@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 :)
Piotr Pawłowski
It looks very cool and has many possibilities. Congrats!
Allan Michay
@piotr_pawlowski Thanks a lot! 🙏 We're working hard to bring the best possible product. Hope you'll enjoy it!
Gilles Bertaux
Great teams build great products, period :)
flo merian
@gilles_bertaux Thank you Gilles, your words mean a lot!
Louis Chenais
@gilles_bertaux Thanks Gilles 🙏
flo merian
@gilles_bertaux In case you missed it, we detailed all the visual assets we designed for the launch in this Thread. Which one is your favorite?
Ziad Ghalleb
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.
flo merian
@ziad_ghalleb1 Hey Ziad, thanks for your kind words! Keep us posted, we'd be happy to support you setting it up :) Ping @chuckn0risk
Serhat Aksakal
This looks amazing, guys! Looks like it solves the synchronization issue between design and codebase. Upvoted.
flo merian
@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."
Antoine
Good teams create good products they said ;) This is good stuff! Congrats for the public release.
flo merian
@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
Valentin Chrétien
@colorjunkie Thanks a lot, Antoine! 💜
Kyran Schmidt
Epic work. Solves a big problem. Looking forward to trying it out!
Valentin Chrétien
@kyranschmidt That's so kind, Kyran. Thanks!
flo merian
@kyranschmidt Thanks, Kyran! Keep us posted as you try out Specify, we're here to help :) cc @chuckn0risk