Sync Android drawable assets from Figma to GitHub via PR (multi-density PNG)
Sync Android drawable assets from Figma to GitHub via PR (multi‑density PNG) This n8n workflow automatically fetches design assets (icons, buttons) from Figma, exports them into Android drawable folder formats based o...
Template notes
Sync Android drawable assets from Figma to GitHub via PR (multi‑density PNG)
This n8n workflow automatically fetches design assets (icons, buttons) from Figma, exports them into Android drawable folder formats based on resolution (e.g., mdpi, hdpi, etc.) and commits them to a GitHub branch, creating a Pull Request with all updates.
Who’s it for
- Android / Flutter developers managing multiple screen densities. - Design + Dev teams wanting to automate asset delivery from Figma to codebase. - Mobile teams tired of manually exporting assets, resizing, organizing and uploading to GitHub.
How it works
1. Execute Flow manually or via trigger. 2. Fetches all export URLs from a Figma file. 3. Filters out only relevant components (Icon, Button). 4. Prepares Android drawable folders for each density. 5. Merges components with folder mapping. 6. Calls Figma export API to get image URLs. 7. Filters out empty/invalid URLs. 8. Downloads all images as binary. 9. Merges images with metadata. 10. Renames and adjusts file names if needed. 11. Prevents duplicate PRs using conditional checks. 12. Commits files and opens a GitHub Pull Request.
How to set up
1. Set up your Figma token (with file access) 2. Get Figma File Key and desired parent node ID 3. Connect your GitHub account in n8n 4. Prepare a GitHub branch for uploading assets 5. Add your drawable folders config 6. Adjust file naming logic as per your code style 7. Run the workflow