In order to simplify the experience for designers and developers and to guarantee the relevance of the information shared between the different skills, we have implemented various automations.
This process automates the handoff of icons from design to code. It involves the following steps:
- Publish New Icons on Figma: Icons are designed and published on Figma in the "Export for developers" page on the main branch (main) of the Vitamix Design System repository:
- Trigger Fetch Icons Workflow: After icons are published on Figma, go to the "Actions" tab on the Vitamin Design GitHub repository and manually trigger the "[Manual] Fetch icons" workflow:
- Review and Merge PR: Once the "Fetch icons" workflow completes, it will create a Pull Request (PR) on the vitamin-design repository. Review the PR, ensure that the icons are correctly fetched, and then merge the PR to the main branch:
- Trigger PR Creation Workflow: After the PR is merged on the main branch, another workflow will be triggered via GitHub Actions. This workflow will create PRs on all the developer repositories where the icons need to be added:
- Review and Merge PRs on Developer Repositories: Review each PR created by the workflow on the respective developer repositories. Ensure that the icons are added at the correct locations and in the expected formats. Once reviewed, merge the PRs to complete the handoff process 🎉:
Concerning the automation of the handoff for the assets, it is exactly the same process as indicated above for the icons.
The only difference is that in step 2, the workflow to be triggered must be "[Manual] Fetch assets". Then everything will be triggered until the assets arrive in the developer repositories. 🎉