Design Guides

SITE DESIGN

You will need Google Drive and Figma permissions to view these links. Please reach out to the current project manager for access.

Information Architecture
Design Guides
Design Assets
Tools

Information Architecture

The wireframe for the Access the Data website can be found on the Google Drive here.

Design Guides

Typography Guide on Figma
Design System on Figma
UX/UI CoP Accessibility Guide

Design Assets

Hi Fi wireframe on Figma
Logos on Figma
Logo files on Google Drive

Tools

The Access the Data design team uses Figma as its primary tool.

Figma Best Practices

• When editing components (buttons, header, footer, etc.), please change them in the components tab only.
  • There isn't a robust way to find where a component is used, but the Instance Finder plugin has been recommended by many in the Figma community.
• When prototyping new pages remember to use components from the components tab.
• Place all work into the specific colored boxes labeled current.

Introduction to Figma Components

To support our best practices, it is essential to have a basic understanding of Figma components and how to use its functionality to minimize redundant effort and keep our designs current.

This page is good place to get familiar with the concept of components, specifically

• What are Figma components?
• What is a Figma components library?
• Why do designers use components?
• Advantages of using components
• How to add components in Figma

Additionally, Figma themselves have a Guide to Components in Figma that includes video tutorials to accompany the written articles.