designtokensrepo

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #llm #golang #android #docker #macos #java #awesome #cli #mcp #open-source

designtokensrepo

(★ 8)

Exemplo introdutório de Design Tokens utilizando o Theo (Salesforce)

designtokensrepo 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Design Tokens

Exemplo de projeto para integrar Tokens de Design usando [Gulp-Theo] da Salesforce (https://github.com/salesforce-ux/theo).

## Instalação

```bash
$ git clone https://github.com/guigonzalez/designtokens.git
$ cd designtokens
$ npm install
```

## Rodando aplicação

Ao desenvolver seu website com tokens de design use `npm run dev`
e depois abra em [localhost:3000](http://localhost:3000).

## Desenvolvimento

Agora você pode começar a editar o seu `src/index.html` e `src/styles/main.scss`.

Para ver os documentos gerados pelos seus tokens de design, acesse [localhost:3000/generated/app.html](http://localhost:3000/).
Nota: Você pode alterar seus tokens de design `./design-tokens/app.json` ou `./design-tokens/aliases.json` e ver mudanças em tempo real no seu site.

Você também pode usar Design Tokens na linguagem YAML, basta converter os arquivos de código neste site: [http://convertjson.com/yaml-to-json.html].

Além disso, se você abrir [localhost:3000](http://localhost:3000) e mudar os Tokens de Design,
as atualizações são refletidas também em tempo real.

## Créditos

Modelo de Desenvolvimento de Design Tokens utilizando o Gulp Theo da Salesforce.

Guilherme Gonzalez.
(https://www.linkedin.com/in/guigonzalez/)

Alan Fernandes.
(https://www.linkedin.com/in/alanfernandesti/)

2019 - Todos os direitos autorais reservados:

designtokensrepo

designtokensrepo 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

designtokensrepo

designtokensrepo 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README