Start creating
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.
Repository
Contains everything that powers Sprout's design system.
Apps
A collection of our favorite tools for development.
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.
Software for creating
Software recommendations for creating beautiful, innovative, and inspired products.
Our product design team's primary design and collaboration platform.
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.
Powerful, self-serve product analytics to help you convert, engage, and retain more users.
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.
Fonts
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.
Libraries
Reusable UI elements and styles that power our designs.
Libraries
Sprout colorsEnable the full Seeds color palette in the Figma color picker.
Libraries
Sprout Dark ModeSprouts Dark Theme
Libraries
Sprout Light ModeSprouts Light Theme
Libraries
Network ColorsSprouts Partner Network color options
Libraries
Design ToolsSprouts Figma utilities and templates
Libraries
Sprout iconsHundreds of ready to use icons for your next project.
Libraries
Partner LogosSprouts Partner Logo resources and SVGs
Libraries
Spot IllustrationsSprouts spot illustrations
Libraries
User flowsCreate beautiful diagrams and schematics in Figma for user journeys, processes, and more.
Libraries
Low-Fi wireframesSpin up black and white, low-fi wireframes quickly with this easy to use library
Libraries
Seeds contributionInterface elements for realizing your Seeds contribution.
Libraries
UI KitSprouts Web Application UI Kit
Libraries
Mobile UI KitSprout Social's Native Application interface elements, including Android & IOS.
Libraries
PendoSprout Social's Pendo interface elements.
Libraries
Publishing UI KitSprout Social's Publishing Zone UI Kit.
Libraries
Shared Experiences UI KitSprout Social's Shared Experiences Zone UI Kit.
Libraries
Global UI KitSprout Social's Global Zone UI Kit.
Libraries
Growth UI KitSprout Social's Growth Zone UI Kit.
Libraries
Listening UI KitSprout Social's Listening Zone UI Kit.
Libraries
Reporting UI KitSprout Social's Reporting Zone UI Kit.
Libraries
Analytics UI KitSprout Social's Analytics Zone UI Kit.
Libraries
Engagement UI KitSprout Social's Engagement Zone UI Kit.
Plugins & templates
A collection of our favorite productivity boosting plugins and templates.
An improv sketching and storytelling exercise for four or more participants with very simple prompts.
Save time by generating our standard project template for every file.
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.
Plugins & templates
ContrastSelect and scan for contrast issues on gradients, images, and fills.
Plugins & templates
HemingwayAnalyses the text using Hemingway rules around adverbs, passive voices, complex phrases, and hard sentences.
Plugins & templates
Random Name GeneratorGenerates random names by selected layer.
Plugins & templates
ThemerThemer enables you to create and switch themesd styles in your team library.
Plugins & templates
User ProfileAutomated avatar image generation tool.
Plugins & templates
SorterA plugin for sorting/reordering layers.
Plugins & templates
ChartlineGenerates chart lines for data visualizations.
Plugins & templates
EightshapesTool for generating "spec" annotations.
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.
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.
Creative spaces
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.
Slack channels
Join our Slack channels designed for teamwork and strengthening partnerships.
Slack channels
#design-systemsA place to discuss and make decisions around our design system and pattern library.
Slack channels
#announce-design-systemsAnnouncements and updates from the Design Systems team about our design system and creative hub.
Slack channels
#talk-designA place for all of team Sprout to share and chat about art, design, and other creative finds.
Slack channels
#talk-figmaFigma questions, tips, resources, and general discussion.
Slack channels
#talk-productUse this channel to ask the product team questions about our products.
Slack channels
#talk-ask-a-writerUse this channel for answers to any grammar, spelling, punctuation, product language or brand-related questions.