https://github.com/dipsas/dips.mobile.designtokens

DIPS Mobile DesignTokens is a repository to store DIPS resources that is used in the Android and iOS apps.
https://github.com/dipsas/dips.mobile.designtokens

automation design design-system design-tokens

Last synced: 3 months ago
JSON representation

DIPS Mobile DesignTokens is a repository to store DIPS resources that is used in the Android and iOS apps.

• Host: GitHub
• URL: https://github.com/dipsas/dips.mobile.designtokens
• Owner: DIPSAS
• License: mit
• Created: 2023-01-11T19:16:00.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-12T08:15:28.000Z (6 months ago)
• Last Synced: 2024-08-13T08:50:09.094Z (6 months ago)
• Topics: automation, design, design-system, design-tokens
• Language: C#
• Homepage:
• Size: 304 KB
• Stars: 5
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DIPS.Mobile.DesignTokens

A repository for maintaining and building Android, iOS and Xamarin.Forms style resources from exported Design Tokens from DIPS Mobile Design System. Design tokens makes it easier for developers and designers to communicate the style of the product by conventional names for the resources. The exported resources from this repository will be included in a shared UX components library for all mobile apps in DIPS to use.

## Maintaing design tokens

Design tokens must be placed in the `src` folder. The tokens are based on Amazon Style Dictionary [Design Tokens](https://amzn.github.io/style-dictionary/#/tokens?id=design-tokens).

## Building design styles

1. Make sure to [install Amazons Style Dictionary](https://github.com/amzn/style-dictionary#installation).

2. Clone / Fork this repository.

3. Run `./buildwindow.bash` in the repository root to build and transform the design tokens to resources

4. Open `output` folder and copy-pasta the resources to the platforms.

## Maintained by Team Awesomesauce, DIPS AS.