Friday
Friday is an opinionated assemblage of open-source tools and libraries that allow you to accelerate the development of your web application.The choice of tools, their composition, and a set of foundational components guides you on how to build a constraint-based system.
What does it include?
Friday is built following the philosophy of composition. It provides a ranged of UI components that can be composed together to build a web application.
- The design kit is built and maintained in Figma. It includes a set of foundational components and a reference architecture.
- The component library, mirrors the Figma components and is built using Javascript, React, Styled System and Styled Components.
- Storybook acts as both the developer sandbox and the documentation platform.
Definitions
- Design Kit —
a library of shared styles, symbols or components that can be used by product teams to design or prototype new experiences.
- Design Tokens —
the overall visual design of a digital product. This foundation defines characteristics such as typography, colors, icons, spacing and information architecture.
- Component Library —
a set of JavaScript components that are version controlled and are composed to build one or more products.
- Documentation —
a set of guidelines on how to consume the Design System, design and dev considerations and detailed documentation for each component. The documentation site often includes a live playground that is aimed at the consumers to try out components in the browser.