Excited to share something we have been working on – EG BrandSync Studio, a Figma plugin that lays the foundations of the EG BrandSync design system in one click.
Pick a brand color, hit generate, and you get:
- Colors – 14 brand palettes, neutrals, and semantic tokens with light/dark mode support
- Typography – Responsive text scales for Desktop, Tablet, and Mobile
- Elevation – 5 shadow levels from subtle to dramatic
- Layout Grids – Mobile (4-col), Tablet (8-col), and Desktop (12-col)
- Components – Starter Button, Input, Card, and Badge components
- Color Swatches – Visual reference with WCAG contrast ratings
Everything lands in your Figma style panel
- Organized and ready to use.
- Re-run safely – existing styles get skipped.
- One-click cleanup if you want to start fresh.
Built this to save time setting up new files and keep things consistent across projects. We would love feedback if you give it a try!
Link to the Figma Plugin: https://www.figma.com/community/plugin/1602933425766782230
Link to EG BrandSync: brand.egsync.com
Leave a Reply