Skip to main content

Designer assets: Figma

Build beautiful and accessible experiences that express Tyler's core values using a component library that matches our Forge components to spec. Tyler uses Figma as a collaborative, web based design tool. For advanced functional prototypes, we recommend using Framer.

Getting started with Figma​

Figma is a collaborative interface design tool that is entirely browser-based, and therefore works not only on Macs, but also on PCs running Windows or Linux, and even on Chromebooks. Figma is the preferred design tool for teams using Forge. Use our Figma library of components that match our Forge components to spec.

info

Click "Getting started" in the preview below to open the project in Figma!

Resources:​

Getting started with Figma

Tyler resources

Fundamentals

Required fonts​

Roboto, a Google Web Font, is our official Tyler Forge font. Figma gives you access to an extensive catalog of Google Web Fonts. If additional fonts are required Figma does allow you to use local fonts.

If you’re using the Figma Desktop app, then any local fonts will already be available to you. You can find these alongside the Google Web Fonts in the Font Picker.

Help article: Use Local Fonts with Figma Font Helper

Right now, there are no required plugins for Figma. We do have a few recommendations to help speed up your workflow. We also encourage you to send through our Feedback tool any awesome Figma plugins you might discover.

Accessibility: Stark or Contrast

Working offline​

Yes, you can do that! This is especially helpful if you need to work during a long flight or during your kids' soccer practice. Simply download the Figma desktop app, while connected to the internet open the projects you plan to work on offline and allow them to sync. Once you are reconnected to the internet the work you did offline will magically, I mean automatically, update your projects in the browser views.