hackforla / hackforla/knowledgebase-content

Create a Guide/Template: Figma Auto-Layout

Open
#126 23 comments 0 reactions 0 assignees View on GitHub
Complexity: Small CoP label: checked CoP label: shortcuts added CoP: Design documentation feature : guide creation Phase: 1 - Gather Examples Solo Ready for Bonnie Triage size: missing status: 1.1 needs wiki examples status: 1.2 needs issues examples status: 1.3 needs project board examples status: 1.4 needs slack examples
Dominant language
No language data
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

### 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](https://github.com/hackforla/guides/wiki/How-to-Gather-Examples:-Solo) (open in a new tab)
- [ ] [Gather Examples Collaboratively](https://github.com/hackforla/guides/wiki/Phase-2-%E2%80%90-Gather-Examples-Collaboratively)
- [ ] [Create a Guide Draft](https://github.com/hackforla/guides/wiki/How-to-Draft-a-Guide)
- [ ] If needed, create a template
- [ ] [Have your guide peer reviewed](https://github.com/hackforla/guides/wiki/Peer-Reviews-for-Guides)
- [ ] [Present your guide for leadership review](https://github.com/hackforla/guides/wiki/Submitting-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](https://drive.google.com/drive/folders/1H3b4QCIu--l8dfeUMYKG5WxYq6FeH89g)

- 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 ](https://github.com/hackforla/knowledgebase-content/issues/90) - not sure that this sub issue is needed.

### Projects to Check
- [100 Automations](https://github.com/100automations/website)
- [311 Data](https://github.com/hackforla/311-data)
- [Access the Data](https://github.com/hackforla/access-the-data)
- [BallotNav](https://github.com/hackforla/ballotnav)
- [Brigade Organizer's Playbook](https://github.com/codeforamerica/brigade-playbook)
- [Civic Tech Index](https://github.com/civictechindex/CTI-website-frontend)
- [Civic Tech Jobs](https://github.com/hackforla/CivicTechJobs)
- [Figma Auto Layout used on buttons](https://www.figma.com/file/elj0yZPn9SCqyWkDhCDkIt/Civic-Tech-Jobs-(Copy)?node-id=1%3A6)(Duplicate the file so that you can experiment with it)
- [Civic Tech Structure](https://github.com/hackforla/civic-tech-structure)
- [Data Science Projects](https://github.com/hackforla/data-science)
- [Design Systems](https://github.com/hackforla/design-systems)
- [Engage](https://github.com/hackla-engage)
- [Expunge-Assist (formerly known as Record Clearance)](https://github.com/hackforla/expunge-assist)
- [Food Oasis](https://github.com/hackforla/food-oasis)
- [GreenEarthOS](https://github.com/hackforla/climate-project)
- [Guides](https://github.com/hackforla/guides)
- [HomeUniteUs](https://github.com/hackforla/homeuniteus)
- [Internship project](https://github.com/hackforla/intership)
- [Lucky Parking](https://github.com/hackforla/lucky-parking)
- [Open Community Survey](https://github.com/hackforla/open-community-survey)
- [TDM Calculator](https://github.com/hackforla/tdm-calculator)
- [VRMS](https://github.com/hackforla/vrms)
- [Hack for LA's Website](https://github.com/hackforla/website)
- [ Auto Layout example found in Issues tab](https://github.com/hackforla/website/issues/1993)
- [Youth Justice Nav](https://github.com/hackforla/YouthJusticeNav/)

### Tasks
- [ ] This is where you will copy instructions from the wiki page for the step you are currently on.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.