Seeds

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.

Repositories

Racine

Racine

Sprout's React component library.

Seeds

Seeds

Sprout's design system and creative hub.

Seeds Packets

Seeds Packets

Home of the design tokens that power Seeds.

Apps

A collection of our favorite tools for development.

Visual Studio Code

Visual Studio Code

A free, open source code editor from Microsoft.

GitHub Desktop

GitHub Desktop

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.

Brand assets
Design with Sprout’s brand.

Software for creating

Software recommendations for creating beautiful, innovative, and inspired products.

Figma

Figma

Our product design team's primary design and collaboration platform.

Adobe Creative Cloud

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.

CodePen

CodePen

A social development environment for front-end designers and developers to learn, debug, and find inspiration.

CodeSandbox

CodeSandbox

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.

UserTesting

UserTesting

See, hear, and talk to your customers as they engage with your products.

FullStory

FullStory

Discover crucial moments of frustration and success by directly observing your users.

Pendo

Pendo

Personalized in-app guides and messaging.

Gong

Gong

Gong records and creates a searchable transcription of our sales and support calls.

Fonts

Download the fonts that make our products beautiful and legible.

San Francisco

San Francisco

The system font for iOS and macOS. It provides a consistent, legible, and friendly typographic voice.

Roboto

Roboto

A neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system, Android.

Proxima Nova

Proxima Nova

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.

Sprout icons

Sprout icons

Hundreds of ready to use icons for your next project. Powered by FontAwesome.

Font Awesome

Font Awesome

Can’t find the icon you need in our Figma library? Add one from FontAwesome, a collection of thousands of Seeds-approved icons.

Sprout colors

Sprout colors

Enable the full Seeds color palette in the Figma color picker.

User flows

User flows

Create beautiful diagrams and schematics in Figma for user journeys, processes, and more.

Web app

Web app

The Sprout Social web app's interface elements.

iOS

iOS

Sprout Social's iOS interface elements.

Android

Android

Sprout Social's Android interface elements.

Plugins

A collection of our favorite productivity boosting plugins.

Sprout project starter

Sprout project starter

Save time by generating our standard project template for every file.

A11y - Color Contrast Checker

A11y - Color Contrast Checker

Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards.

Autoflow

Autoflow

Autoflow makes it easy to draw flows.

Color Blind

Color Blind

Color Blind allows you to view your designs in the 8 different types of color vision deficiencies.

Rename It

Rename It

Keep your Figma files organized by batch renaming layers and frames.

Unsplash

Unsplash

Insert beautiful images from Unsplash straight into your designs.

Timer

Timer

Use text to create a timer on a Figma page.

Design Lint

Design Lint

Design Lint finds missing styles within your designs on all your layers.

Workshops

Workshops

Easily facilitate collaborative design sessions directly in Figma.

How we sound

Explore the tools we leverage to strengthen our written and verbal communications.

Slide templates
Seeds makes presenting a breeze.

Apps for writing better

These apps can help you create clearer, bolder writing with fewer mistakes.

Hemingway

Hemingway

An app that highlights shortcomings in your writing and suggests how to improve them.

Grammarly

Grammarly

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.

Slack

Slack

A single place for messaging, tools, and files to help everyone save time and collaborate together.

Jira

Jira

Plan, track, and manage your creative projects.

Confluence

Confluence

A powerful tool for documentation and teamwork.

Miro

Miro

An online whiteboard for visual collaboration.

Productboard

Productboard

A product management system that helps you understand what users need and prioritize what to build.

Creative spaces

Find relevant information about specific zones and teams at Sprout.

Engagement

Engagement

The Engagement Zone helps brands create stronger relationships with their audience.

Publishing

Publishing

A zone that builds tools that empower our users to plan, create, and execute their social content.

Analytics

Analytics

A zone that drives customer marketing strategies by delivering deep analytics and social listening.

Global

Global

A zone of multi-disciplinary squads focused on building centralized systems and features.

Mobile

Mobile

A zone that empowers Sprout users on the go by creating intuitive mobile experiences.

Design Systems

Design Systems

Design Systems maintains products and services that everyone at Sprout can leverage to work creatively.

Growth

Growth

The Growth Zone focuses on activating, educating, & retaining our users.

Slack channels

Join our Slack channels designed for teamwork and strengthening partnerships.

#design-systems

A place to discuss and make decisions around our design system and pattern library.

#announce-design-systems

Announcements and updates from the Design Systems team about our design system and creative hub.

#eng-design-systems

A place to discuss and get engineering support for our design system and component library.

#design-systems-mobile

Knowledge sharing, discussions, and decisions around all mobile design system topics.

#talk-design

A place for all of team Sprout to share and chat about art, design, and other creative finds.

#talk-figma

Figma questions, tips, resources, and general discussion.

#talk-product

Use this channel to ask the product team questions about our products.

#talk-ask-a-writer

Use this channel for answers to any grammar, spelling, punctuation, product language or brand-related questions.