BLOG
Suggest Product

Paste Design System

At Twilio, the Paste design system is employed to create user interfaces that are intuitive, unified, and of the highest caliber. With tools and resources, Paste assists Product Designers and Engineers in creating consumer UIs in Figma and React.

Visit Website Figma File

About Paste Design System

Create welcoming, enjoyable Twilio user experiences with Paste.

At Twilio, the Paste design system is employed to create user interfaces that are intuitive, unified, and of the highest caliber. With tools and resources, Paste assists Product Designers and Engineers in creating consumer UIs in Figma and React.

Paste is...

Default accessibility The design systems team often refuses to ship a component, primitive, or composition if it falls short of the WCAG 2.1 AA Compliance standard. As a consuming team, you can anticipate Paste to do a significant portion of the labor-intensive work necessary to create accessible products. However, you must continue to consider accessibility and conduct regular product audits. You can get assistance from the Design Systems team for this task.

Composed intentionally. The construction of paste tokens, primitives, components, and compositions themselves is inherent. To put it simply, this means that you can solve your product/user interface (UI) challenges by combining tiny and large elements.

Paste is not...

logical applications are a concern. Every Paste component is presentational in nature and has no opinion regarding how data is transmitted to them.

Stateful. Components have internal state contained when appropriate (for example, UI behavior or keyboard interaction), but they are not concerned with application state themselves.

unique to a product or industry Paste compositions try to satisfy Twilio pattern demands at the most general level, whereas Paste components aim to service all UI needs semantically. They hold the opinion that an effective design system raises the bar for a wonderful customer experience, and they are eager to witness intelligent, well-researched departures from the system that do the same.

Accessibility at Twilio scale

Being inclusive is one of the cornerstones of Twilio Magic. An essential component of achieving this goal is designing and developing experiences that are usable by a wide range of people, but doing so sadly takes a lot of time and specialized knowledge. Teams that utilize Paste have accessibility best practices integrated, allowing them to concentrate on the client's issue without compromising inclusiveness.

Twilio's UX Guidelines

These guiding principles describe how I, you, and the UX organization as a whole operate. They hold us responsible for adopting the attitudes and methods they promote. They push their work to satisfy the requirements they set.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.