Create a Guide/Template: Figma Auto-Layout

[daniellex0]

Overview

We need to create a guide for Figma Auto-Layout so that volunteers at HfLA can start utilizing industry-standard auto-layout capabilities in their designs

Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.

• Gather Examples Solo (open in a new tab)
• Gather Examples Collaboratively
• Create a Guide Draft
  • If needed, create a template
• Have your guide peer reviewed
• Present your guide for leadership review

Resources/Instructions

• Google Drive Folder for this Guide’s documents and shortcuts (to documents in other locations)
  0126 Figma Auto-Layout

• Comment: Hana and Danielle said: "This guide does not relate to what we are currently working on [Guide Systems]."

• No Auto Layout examples were found in the other projects besides the HFLA website project (Using methods 1,2 and 3 of Step 4).

• Sub Issue for easy Gathering of Examples: Gather Examples: Figma Auto-Layout - not sure that this sub issue is needed.

Projects to Check

• 100 Automations
• 311 Data
• Access the Data
• BallotNav
• Brigade Organizer's Playbook
• Civic Tech Index
• Civic Tech Jobs
  • Figma Auto Layout used on buttons(Duplicate the file so that you can experiment with it)
• Civic Tech Structure
• Data Science Projects
• Design Systems
• Engage
• Expunge-Assist (formerly known as Record Clearance)
• Food Oasis
• GreenEarthOS
• Guides
• HomeUniteUs
• Internship project
• Lucky Parking
• Open Community Survey
• TDM Calculator
• VRMS
• Hack for LA's Website
  • Auto Layout example found in Issues tab
• Youth Justice Nav

Tasks

• This is where you will copy instructions from the wiki page for the step you are currently on.