awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
amzn avatar

amzn/style-dictionary

0
View on GitHub↗
4,709 星标·623 分支·JavaScript·Apache-2.0·6 次浏览styledictionary.com↗

Style Dictionary

Style Dictionary 是一个跨平台的样式生成器和设计令牌(design token)构建系统。它将单一来源的设计变量转换为多种输出格式和特定平台的代码文件,以在不同界面间保持单一事实来源。

该系统作为一个多格式样式编排器,合并模块化令牌源并根据目标平台要求对其进行转换。它使用可脚本化的转换接口来修改令牌值和名称,从而实现 Web、iOS 和 Android 应用设计系统样式的自动化。

构建过程由配置驱动,利用一个中心对象将令牌集映射到转换和输出规则。它采用中间表示映射来保持源令牌与最终目标平台的无关性,同时使用可插拔的格式适配器来定义处理后的令牌如何写入特定目标。

Features

  • Design Tokens - Converts a single source of design variables into multiple platform-specific formats to ensure visual consistency.
  • Design Token Exporters - Manages design variables and exports them to platform-specific formats like Tailwind, CSS, or JSON.
  • Platform Build File Generators - Generates platform-specific styled output files in various formats based on a central configuration.
  • Cross-Platform Style Generators - Acts as a generator that converts a single source of design variables into multiple output formats for various platforms.
  • Design Token Transformers - Transforms raw design data into the specific naming conventions and value formats required by various development environments.
  • Token Merging - Combines multiple modular design token source files into a single unified set to maintain a consistent source of truth.
  • Design Token Systems - Provides a comprehensive system for managing design properties through hierarchical variables and platform-specific build processes.
  • Design System Automation Tools - Automates the conversion of design tokens into platform-specific code to maintain consistency across different products.
  • Cross-Platform Styling - Provides an architecture to define global style variables once and apply them across web, iOS, and Android platforms.
  • Format Adapters - Provides pluggable format adapters that allow developers to define custom output file types and destination paths.
  • Build Configuration Architectures - Implements a configuration-driven architecture using JSON or JS to map design tokens to specific output rules.
  • Value Transformations - Provides transformation functions to modify token values and names based on the requirements of the target platform.
  • Sequential Transformation Pipelines - Processes design tokens through a strict sequential pipeline of functions to modify values and names.
  • Style Orchestrators - Functions as an orchestrator that merges modular token sources and exports them into multiple destinations via central configuration.
  • Intermediate Representations - Uses an intermediate representation to decouple source design tokens from the final platform-specific output formats.
  • Scriptable Processing Pipelines - Exposes a scriptable interface for injecting custom logic into the sequential token transformation pipeline.
  • Build Logic Extensions - Allows developers to extend build logic via custom scripts for project-specific data transformations and output formats.
  • Design Token Management - Cross-platform build system for managing design tokens.

Star 历史

amzn/style-dictionary 的 Star 历史图表amzn/style-dictionary 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

Style Dictionary 的开源替代方案

相似的开源项目,按与 Style Dictionary 的功能重合度排序。
  • lukasoppermann/design-tokenslukasoppermann 的头像

    lukasoppermann/design-tokens

    1,110在 GitHub 上查看↗

    This project is a design token manager designed to bridge the gap between creative design tools and development environments. It functions as an automation utility that extracts design styles, variables, and components from design software and converts them into standardized, machine-readable data structures. The tool distinguishes itself by providing a framework for transforming design data to meet specific platform requirements, such as dark mode configurations or native mobile variable systems. It supports custom transformation middleware, allowing users to apply specific logic to token ou

    TypeScriptamazon-style-dictionarydesign-systemdesign-tokens
    在 GitHub 上查看↗1,110
  • argyleink/open-propsargyleink 的头像

    argyleink/open-props

    5,409在 GitHub 上查看↗

    Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography, and layout. It functions as a CSS variable framework and design system intended to ensure visual consistency across components and platforms. The project includes an optimization toolkit for generating selector-scoped variable bundles and removing unused design tokens from stylesheets to reduce final file size. It also provides configuration files to enable design variable autocompletion within code editors. The system covers broader capabilities in adaptive web interface des

    HTML
    在 GitHub 上查看↗5,409
  • douyinfe/semi-designDouyinFE 的头像

    DouyinFE/semi-design

    10,017在 GitHub 上查看↗

    Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

    TypeScriptai-friendlycode2designdark-mode
    在 GitHub 上查看↗10,017
  • carbon-design-system/carboncarbon-design-system 的头像

    carbon-design-system/carbon

    9,172在 GitHub 上查看↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    TypeScript
    在 GitHub 上查看↗9,172
查看 Style Dictionary 的所有 30 个替代方案→

常见问题解答

amzn/style-dictionary 是做什么的?

Style Dictionary 是一个跨平台的样式生成器和设计令牌(design token)构建系统。它将单一来源的设计变量转换为多种输出格式和特定平台的代码文件,以在不同界面间保持单一事实来源。

amzn/style-dictionary 的主要功能有哪些?

amzn/style-dictionary 的主要功能包括:Design Tokens, Design Token Exporters, Platform Build File Generators, Cross-Platform Style Generators, Design Token Transformers, Token Merging, Design Token Systems, Design System Automation Tools。

amzn/style-dictionary 有哪些开源替代品?

amzn/style-dictionary 的开源替代品包括: lukasoppermann/design-tokens — This project is a design token manager designed to bridge the gap between creative design tools and development… argyleink/open-props — Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography,… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… facebook/stylex — StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design… microsoft/fast-blazor — This is an ASP.NET Core UI framework and Blazor component library designed for building web applications. It provides…