Skip to content
name: Generate scss vars from figma tokens
on:
push:
branches:
- issue-995-design-tokens
paths:
- 'figma-tokens/input/**'
jobs:
build_tokens:
runs-on: ubuntu-latest
steps:
- name: Checkout code
uses: actions/checkout@v2
# Configuring Node.js Environment
- name: Setup Node.js environment
uses: actions/setup-node@v2.4.0
# Setting dependencies
- name: Install dependencies
run: npm ci
# Token conversion using token-transformer
- name: Transform Figma tokens
run: npx token-transformer figma-tokens/input/tokens.json figma-tokens/transformed-tokens/tokens-transformed.json
# Run script for Style Dictionary, convert JSON to SCSS
- name: Build Figma tokens to SCSS
run: npm run build-tokens
# Create or update the `issue-995-design-tokens` branch
- name: Create or update branch
run: |
git config user.name "github-actions[bot]"
git config user.email "github-actions[bot]@users.noreply.github.com"
git fetch origin
git add stories/assets/scss/figma-scss/_figma-variables.scss
git commit -m "Save changes in the branch" || echo "No changes to commit"
# Push changes to `issue-995-design-tokens` branch
- name: Push changes
run: |
git push origin ${{ github.ref_name }} || echo "No changes to push"
git status
# Automatic pull request
- name: Create Pull Request
uses: peter-evans/create-pull-request@v5
with:
token: ${{ secrets.GITHUB_TOKEN }}
branch: ${{ github.ref_name }}
base: develop # Target branch for the PR
commit-message: "build: update SCSS variables from Figma tokens"
title: "Update SCSS variables from Figma tokens"
body: "This PR updates SCSS variables based on the latest Figma tokens."