← All systems
Travel
Backpack
SkyscannerActiveNew in v2
Skyscanner's design system with web (React), iOS (SwiftUI/UIKit) and Android (Views and Jetpack Compose) implementations, Apache 2.0. Tokens are synced from Figma variables into DTCG JSON with a `token-sync` CLI.
Figma file · Not confirmed: not available"Backpack Foundations & Components" Figma file exists; public Community availability not confirmed
GitHub ↗https://github.com/Skyscanner/backpack (web), https://github.com/Skyscanner/backpack-ios, https://github.com/Skyscanner/backpack-android
Components (51)
AccordionAutosuggestBadgeBanner alertBar chartBlockquoteBottom sheetBreadcrumbButtonCalendarCardCard listCarouselCheckboxChipClose buttonData tableDatepickerDialogFloating notificationGraphic promoHorizontal navIconImageInfo bannerInputLinkListMapModalNavigation barNudgerPage indicatorPaginationPanelPopoverPriceProgressRadioRatingSection headerSelectSkeletonSliderSnippetSpinnerStar ratingSwitchTableTextTooltip