Hiten Shah

Specify - Sync your Figma files with GitHub repositories in minutes

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

Add a comment

Replies

Best
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!
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 💜
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
Maker
Launching soon!
@haenschenhans Keep us posted, Johannes! We're here to help :) cc @moreaux_antoine @chuckn0risk
Jérémy Réveillé
The video is insane 🤯 I love it! Congrats guys
flo merian
Maker
Launching soon!
@jeremy_reveille Thanks Jeremy! S/O @thibaut_crepelle 👏 What do you think of the logo animation?
Louis Chenais
@jeremy_reveille Thanks for the kind words Jérémy!
Pierre-Antoine Lemaitre
Thanks for your support @jeremy_reveille 💜
flo merian
Maker
Launching soon!
@ziad_ghalleb1 Thanks, Ziad!
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 😃
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
Maker
Launching soon!
@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 👍
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
Gilles Bertaux
Great teams build great products, period :)
flo merian
Maker
Launching soon!
@gilles_bertaux Thank you Gilles, your words mean a lot!
Louis Chenais
@gilles_bertaux Thanks Gilles 🙏
flo merian
Maker
Launching soon!
@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?
Louise Bayssat
Congrats for the amazing work!!
Yann-Edern Gillet
Top Product
Maker
Thanks a lot Louise ! 🔥
Louis Chenais
@louise_bayssat Thanks for the kind words Louise 🙏
Christophe Pasquier
Soooo nice to see it launched, we need to get it started at Slite!
flo merian
Maker
Launching soon!
@christophepas Thanks Chris! looking forward to it :)
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!
Christian C
great stuff! syncing design with dev has always been challenging, definitely something useful!
Louis Chenais
@chriscarex Challenging yes! But so rewarding as well 😎
Shivi Jalota
Love the concept and the introduction. All the best you guys
flo merian
Maker
Launching soon!
@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! 🙏
Gauthier
Looks amazing. Looking forward to try it!
Yann-Edern Gillet
Top Product
Maker
Merci Gauthier ! Can't wait to hear your thoughts about it 👀🔥
Pierre-Antoine Lemaitre
@gderilleux Thanks for your kind words 🙏
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
Maker
Launching soon!
@dley_de WOW Thanks Daniel! Keep us posted! HUGE S/O @thibaut_crepelle for the video
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
Maker
Launching soon!
@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!
Joren Broekema
Oh my... that video is epic. Nice job guys!
Yann-Edern Gillet
Top Product
Maker
Thanks a lot for your kind words Joren! 🔥 S/O to @thibaut_crepelle
Allan Michay
@jorenb Thanks a lot! S/O to @thibaut_crepelle for the video 😃
flo merian
Maker
Launching soon!
@jorenb Hi Joren, thank you for your comment — it means a lot! FYI we detailed all the visual assets we designed for the launch on our Twitter account. Check it out — We'd love to know which one is your favorite :)
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 👍
Tomas Antonok
Very flexible and easy to use. Good job!
Valentin Chrétien
@antovtok Thanks a lot! 🙏
Thibaut Caoudal
Boom ! Well done guys 👏
Yann-Edern Gillet
Top Product
Maker
Thanks a lot Thibaut 🙏🔥