Fluent 2 Design System (original) (raw)
Welcome to
Let theflow
Dive into our Figma UI kitsGet started →DevelopFind installation guides and tooling tipsGet started →
Components
Newsworthy
A new era of TeamsTeams leverages Fluent 2 to boost performance and reduce complexityRead more →Emoji updateWhatever the moment calls for, there's an emoji for thatRead more →A modern OutlookOutlook, Windows, and Fluent unite for a customizable hub experienceRead more →
Resources
A11y – Focus OrderQuickly annotate your design’s focus and tab order for a meaningful flow of interactive objects.A11y – Color Contrast CheckerEnsure your text is readable by adhering to Web Content Accessibility Guideline standards.Content ReelDesign layouts more efficiently by pulling text strings, images, and icons from one palette.Icon Scaling ToolCreating multiple sizes of icons is easy. Draw once and scale to multiple sizes with a single click.