Best Figma Design Tokens Alternatives - 2024 | Product Hunt (2024)

Bringing the world's ideas to life. Started as a side-project in 2013, we're now home to nearly 2 million individuals and teams around the world who use Marvel to make ideas a reality.

Save time on preparing design assets and specs and let Avocode do it for you. Just import any design file and invite developers to take everything they need for a Web, iOS, Android, or React Native app.

Specify is a flexible and powerful tool designed to streamline the creation of Design Token processes, customizing them to fit the unique needs of your Design System.

Ditto lets teams manage and collaborate on the copy across all of their mockups. 🌟 See text edit history across your organization. Track status and approvals. Sync edits to duplicates. Work in our web app or directly in your mockups with our Figma plugin.

Design tokens are an integral part of design system. Figma styles are not enough to create all tokens. Start with Figma styles, and go beyond! This plugin create token inside Figma file/library. It will help to keep in sync all tokens and elements properties.

Design tokens are the smallest parts of your design: colors, typography, spacing, etc. With them, you can make consistent experiences across different parts of your website and app and even across projects.

Ever needed to export a gif that you added to Figma? Now you can! But also, add text, filters and more! Here's how you can with the GIF plugin: Select a frame with a design with GIF(s) a GIF on the canvas and either run the Play GIF or Export GIF commands.

As of November 28 2022, Make will no longer allow the creation of new templates. For now, API usage for current customers will continue to be supported as we plan a full decommission of the service over the coming months. We're sorry for any inconvenience.Designing for the web is awesome until we need our designs to become non-web things – then it gets complicated. Make.cm is an easy creative API that allows you to take your web design templates and convert them into ready to go API endpoints.

Synchronize your design tokens from Figma with a project that uses Ant Design of React. The tool is built on top of the Figma Tokens plugin and integrates with popular version control systems such as GitHub, GitLab, and Azure DevOps.

When doing lots of exporting from Figma, it’s pretty tedious to get stuck in the ‘export-minimize-upload’ loop. We made a plugin for Figma that lets you fire your assets directly into the waiting arms of Cloudinary, Contentful, or Firebase with one click.

- Experiment with style-dictionary in your browser - Live preview window - Mobile - Desktop view - Share URL to share project - Open source - No signup / No login 👉 https://www.style-dictionary-play.dev

It’s a useful insight tool that can give you the most updated open-source intelligence, and help you deeply understand any single GitHub project or quickly compare any two projects by digging deep into 4.6 billion GitHub events in real-time

Let's design together. Create and remix photos.

This API wraps the Tropos engine. The Tropos engine is powering the Stratos Tokens App* by Team Sketch2React Extract your Design Tokens from your Figma document as json data and use it for e.g: - MaterialUI Theming - CSS-in-JS - input for Style Dictionary