Guidelines → Product
Integrations
Connect your brand assets to your team's favourite tools, instantly.
Creating and maintaining consistent brand experiences across platforms requires manual exporting and updating assets in multiple design tools. Guidelines integrations automatically setup your brand assets with Figma, Sketch, Adobe and development frameworks, eliminating inconsistencies and saving hours of tedious work.
Figma Colours
Export your brand colors directly to Figma Variables, ensuring designers always work with the most current palette in their design system.
Adobe Creative Cloud
Export your brand colours to the entire Adobe suite, empowering your creative team with consistent palettes across Photoshop, Illustrator and InDesign.
Sketch Colours
Generate custom Sketch palette files, keeping all your Sketch projects visually consistent.
Tailwind
Jumpstart development with auto-generated Tailwind config files that include your brand colors, fonts and typography styles.
CSS Variables
Generate ready-to-use CSS variables and utility classes that make implementing your exact brand styles effortless for any web project.
Features
For everyone who uses your brand
Replace the antiquated PDFs. Create an interactive, living document for everyone that works with your brand:
From zero to draft in seconds
Transform your brand assets into professional guidelines from our instant drafts.
Client work with your own look
Deliver your client's brands with an aesthetic that matches your studio.
Launch online, interactive brand guidelines
Transform static PDFs into live, stunning brand resources your team will love.
Edit together, live.
Invite collaborators to design and manage your brand guidelines with you.
Your brand, instantly searchable.
Every site provides a powerful brand search so your team has the latest at their fingertips.
Get Your Brand on Guidelines
If your agency or in-house team could use Guidelines, we'd love to help get your brand online: