Continuous Design (GitHub Actions) is a Figma plugin that lets you run GitHub Actions workflows from Figma.
MIT License
Continuous Design is a Figma plugin that lets you run GitHub Actions, GitLab CI/CD pipelines, Bitbucket Pipelines, and Azure DevOps Pipelines from Figma.
If you want to practice "continuous design" using Figma and a modern development toolchain, it may be time to start deploying design changes straight from Figma!
Examples of using each provider in the Continuous Design Figma plugin.
You will need:
workflow_dispatch
is defined to better understand your setup needs.repo
scope". You can create one at https://github.com/settings/tokens. If you are stuck, follow the instructions at GitHub.Settings > CI/CD
, popping open Pipeline triggers
, you will be able to get the needed token. More instructions here.Depending on your provider, you will need either a personal access token or an application password. These are are the accepted ways of handling plugins and other external tooling in the GitHub/Bitbucket/Azure DevOps contexts.
The plugin itself never sends this information anywhere other than to call the respective provider APIs.
You can however decide to store the state of all fields privately within Figma. Doing so stores the current state (including the PAT value) in Figma's contained asyncStorage (essentially a sandboxed localStorage).
Given that you have the prerequisites under control, it's just a matter of filling out the fields.
The strictly necessary fields to get a success response are:
https://dev.azure.com/$ORG_NAME/$REPO_NAME/
.filename.yml
. Defaults to main.yml
.12341234
.https://dev.azure.com/YOUR_USER/YOUR_PROJECT/_build?definitionId=16
.main
.The optional fields are:
You will receive a popup/alert that informs you that the workflow is starting/failing.