Design systems can be intimidating. We’re here to help. Our collection of resources is everything you need to get started with Seeds.
How we build
Explore our code and the apps we use to develop it.
Sprout’s React component library.
Sprout’s design system and creative hub.
Home of the design tokens that power Seeds.
A collection of our favorite tools for development.
Visual Studio Code
A free, open source code editor from Microsoft.
A visual, user friendly take on version control meant to simplify your GitHub workflow.
How we look
Explore the tools we use to shape the look and feel of our products.
Design with Sprout’s brand.
Software for creating
Software recommendations for creating beautiful, innovative, and inspired products.
Our product design team’s primary design and collaboration platform.
Adobe Creative Cloud
A collection of apps and services for photography, design, video, web, UX and more.
Apps for prototyping
These apps help us breathe life into our creations through interactive experiences.
A social development environment for front-end designers and developers to learn, debug, and find inspiration.
An online code editor and prototyping tool for creating and sharing web interactions.
Tools for testing
Conduct research or test solutions with users to inform, iterate, and improve your design.
See, hear, and talk to your customers as they engage with your products.
Discover crucial moments of frustration and success by directly observing your users.
Personalized in-app guides and messaging.
Gong records and creates a searchable transcription of our sales and support calls.
Download the fonts that make our products beautiful and legible.
The system font for iOS and macOS. It provides a consistent, legible, and friendly typographic voice.
A neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system, Android.
Sprout’s primary brand font and one of the most popular web fonts, in use on thousands of websites around the world.
Reusable UI elements and styles that power our designs.
Hundreds of ready to use icons for your next project. Powered by FontAwesome.
Can’t find the icon you need in our Figma library? Add one from FontAwesome, a collection of thousands of Seeds-approved icons.
Enable the full Seeds color palette in the Figma color picker.
Create beautiful diagrams and schematics in Figma for user journeys, processes, and more.
Spin up black and white, low-fi wireframes quickly with this easy to use library
Interface elements for realizing your Seeds contribution.
The Sprout Social web app’s interface elements.
Sprout Social’s iOS interface elements.
Sprout Social’s Android interface elements.
A collection of our favorite productivity boosting plugins.
Sprout project starter
Save time by generating our standard project templa
te for every file.
A11y – Color Contrast Checker
Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards.
Autoflow makes it easy to draw flows.
Color Blind allows you to view your designs in the 8 different types of color vision deficiencies.
Keep your Figma files organized by batch renaming layers and frames.
Insert beautiful images from Unsplash straight into your designs.
Use text to create a timer on a Figma page.
Design Lint finds missing styles within your designs on all your layers.
Easily facilitate collaborative design sessions directly in Figma.
How we sound
Explore the tools we leverage to strengthen our written and verbal communications.
Seeds makes presenting a breeze.
Apps for writing better
These apps can help you create clearer, bolder writing with fewer mistakes.
An app that highlights shortcomings in your writing and suggests how to improve them.
An AI-powered writing assistant.
How we work
Explore the tools we use for effective communication and collaboration.
Apps for collaborating
These apps help us collaborate on, document, and organize our projects.
A single place for messaging, tools, and files to help everyone save time and collaborate together.
Plan, track, and manage your creative projects.
A powerful tool for documentation and teamwork.
An online whiteboard for visual collaboration.
A product management system that helps you understand what users need and prioritize what to build.
An online whiteboard for teams to ideate and brainstorm together.
Find relevant information about specific zones and teams at Sprout.
The Engagement Zone helps brands create stronger relationships with their audience.
A zone that builds tools that empower our users to plan, create, and execute their social content.
A zone that drives customer marketing strategies by delivering deep analytics and social listening.
A zone of multi-disciplinary squads focused on building centralized systems and features.
A zone that empowers Sprout users on the go by creating intuitive mobile experiences.
Design Systems maintains products and services that everyone at Sprout can leverage to work creatively.
The Growth Zone focuses on activating, educating, & retaining our users.
Focuses on UI/UX evolutions of our global elements at scale ensuring visual and experiential cohesiveness across the app.
Join our Slack channels designed for teamwork and strengthening partnerships.
A place to discuss and make decisions around our design system and pattern library.
Announcements and updates from the Design Systems team about our design system and creative hub.
A place to discuss and get engineering support for our design system and component library.
Knowledge sharing, discussions, and decisions around all mobile design system topics.
A place for all of team Sprout to share and chat about art, design, and other creative finds.
Figma questions, tips, resources, and general discussion.
Use this channel to ask the product team questions about our products.
Use this channel for answers to any grammar, spelling, punctuation, product language or brand-related questions.