Figma

Figma files

• Main TDM Calculator Team Figma
• TDM Calculator Handoff Figma - this will be delivered to Stakeholders when project is turned over.

Style Guide (links are to the Main TDM Calculator Team Figma, not the Handoff Figma)

• General Style Guide
  • Typography
  • Color Palette
  • Links
  • Main Components
  • Buttons
  • Iconography
  • Iconography (sidebar)
  • Modals
  • Accordions
  • Tooltips and Popovers
  • Infoboxes
  • Text Fields
  • Radio Buttons, Checkboxes, and Dropdowns
  • Headers and Footers
• Team Figma - User-facing screens
• Team Figma - Admin-facing screens

Google Slides

• Style Guide Presentation

Issue Label

• label:"feature: style guide" on Issue tab

Miscellaneous

If when you go to Figma it prompts you to change fonts

• If you are using Figma from a browser, install the Font installer from Figma for your Operating System

  • macOS installer

  • Windows installer

• The Figma desktop app includes the font installer