Create a Guide/Template: Figma Auto-Layout

daniellex0 commented 3 years ago

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.

ExperimentsInHonesty commented 2 years ago

Left a message for the following projects today 2022-03-14
- 100 Automations https://hackforla.slack.com/archives/C018S5TCQE7/p1647257120783349
- Hi, [@Cami](https://hackforla.slack.com/team/U018S4VQK3M) are you still the design lead for 100automations project? ( if Camila is not the lead anymore, can someone else on the team let me know who is?)
- 311 https://hackforla.slack.com/archives/CJY4R382X/p1647258601449309
- Hi, [@Dana Chen](https://hackforla.slack.com/team/U0112KZPV6C) are you still the design lead for 311 Data project? ( if Dana is not the lead anymore, can someone else on the team let me know who is?)
- Ballotnav https://hackforla.slack.com/archives/C0191KE1XB7/p1647259147017779 -Hi, @fedelandini are you still the design lead for Ballotnav project? ( if Federica is not the lead anymore, can someone else on the team let me know who is?)
- Civic Tech Index https://hackforla.slack.com/archives/CTYAKM0CW/p1647293437467339 -Hi, [@Chali](https://hackforla.slack.com/team/USLBE6X4M) are you still the Design lead for project? (if Chali is not the lead anymore, can someone else on the team let me know who is?
- Civic Tech Jobs https://hackforla.slack.com/archives/C02509WHFQQ/p1647293803663559
- Hi, [@Jen Chung](https://hackforla.slack.com/team/U02A6H5PVAA) are you still the Design lead for Civic Tech Jobs project? (if Jen is not the lead anymore, can someone else on the team let me know who is?)
- Civic Tech Structure
- Couldn't find a Designer on the website.
- Data Science Project
- Not on the HFLA website.
- Design Systems https://hackforla.slack.com/archives/CH2U1CB9Q/p1647721046166469
- Hi, [@Ryan Curtis](https://hackforla.slack.com/team/U01UPE4RNHZ) are you still the design lead for Design systems project? (if Ryan is not the lead anymore, can someone else on the team let me know who is?)
- Engage https://hackforla.slack.com/archives/C6JBH478W/p1647721210753699
- Hi, [@Ryan Mayott](https://hackforla.slack.com/team/U01L3BJ3QSW) are you still the design lead for Engage project? (if Ryan is not the lead anymore, can someone else on the team let me know who is?).
- Expunge assist
- No designers on the team.
- Food Oasis https://hackforla.slack.com/archives/CMER3R1RD/p1647721584545189
- Hi, [@Bryan Wu](https://hackforla.slack.com/team/U01PG6RD0T1) are you still the design lead for Food Oasis project? (if Bryan is not the lead anymore, can someone else on the team let me know who is?)
- Greenearth OS https://hackforla.slack.com/archives/C01C2P7D413/p1647722236284859
- Hi, [@María-Inés Montes](https://hackforla.slack.com/team/U027NG94TQB) are you still the Greenearth OS lead for design project? (if Maria is not the lead anymore, can someone else on the team let me know who is?)
- Home Unite Us https://hackforla.slack.com/archives/CRWUG7X0C/p1648741874897999
- Hi, [@Rachel Bracker](https://hackforla.slack.com/team/U02JQLQ6YGY) are you still the Design lead for Home Unite Us project? (if Rachel is not the lead anymore, can someone else on the team let me know who is?
- Internship Project https://hackforla.slack.com/archives/C01VAUPU788/p1648742265342589
- Hi, please who the Design lead for internship project?
- Lucky Parking https://hackforla.slack.com/archives/CPFDMSV6V/p1648742610428079
- Hi, please who the Design lead for internship project?
- Open Community Survey https://hackforla.slack.com/archives/C01H0HUDMCK/p1648743050350109
- Hi, [@Bernard Adesina](https://hackforla.slack.com/team/U01FAP6GL23) are you still the Design lead for Community Survey project? (if Bernard is not the lead anymore, can someone else on the team let me know who is?
- TDM Calculator https://hackforla.slack.com/archives/CKY65G266/p1648743371562979
- Hi, [@Kevin Shih](https://hackforla.slack.com/team/U01K4Q3EU6R) are you still the Design lead for Community Survey project? (if Kevin is not the lead anymore, can someone else on the team let me know who is?
- VRMS https://hackforla.slack.com/archives/CRGH5HM0Q/p1648743587317569
- Hi, please who the Design lead for internship project?
- Youth Justice Nav https://hackforla.slack.com/archives/C01J94D6GAC/p1648743794352529
- Hi, [@Daniel Lee](https://hackforla.slack.com/team/U01BU7LQFHB) are you still the Design lead for Home Unite Us project? (if Daniel is not the lead anymore, can someone else on the team let me know who is?

Send a message to greenearthos-climate

Shift + Enter to add a new line Slack needs your permission to enable notifications. Enable notifications

Send a message to fola

ExperimentsInHonesty commented 2 years ago

Received the following replies

100automations
- @Eloks7 this team currently does not have a design team member at all.(2022-03-14)
311 -@Eloks7 We don't currently have any design team members on the project. We are looking.```(2022-03-14)
Ballotnav -Hi [@Eloks7](https://hackforla.slack.com/team/U032QEFUPB9) yes, together with [@Irina](https://hackforla.slack.com/team/U01A3MMN59U) and [@Jon Lam (EST)](https://hackforla.slack.com/team/U01N6C5GDA8)(2022-03-14)
Civic Tech Jobs
- @Jen Chung replied Hi! Hope you are doing well. Yes I am.(2022-03-14)
Home Unite Us
- @Rachel Bracker replied Hi, I am! (2022-03-31)

Eloks7 commented 2 years ago

Sent messages to Design leads requesting a meeting.

Ballotnav
- Hi Eloka, I am a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?(2022-03-14)
- Hi @Eloks7 yes we used Auto Layout for some elements.(2022-03-14)
Civiv Tech Jobs
- Hi I am Eloka, a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?(2022-03-15)
Home Unite Us
- Hi I am Eloka, a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?(2022-03-31)

Eloks7 commented 2 years ago

Teams I have met with or scheduled a meeting with their design leads.

Ballotnav (Thursday 8 pm PST) (Meeting was postponed)
Civic Tech Jobs ( Tuesday 2022-03-22)
- Jen Chung gave me a figma link showing how they have been Using Auto Layout.
Food Oasis
- Byran Wu said that they have never used Auto Layout.

Eloks7 commented 2 years ago

Replies to teams without designers

100 Automations https://hackforla.slack.com/archives/C018S5TCQE7/p1647384705876399?thread_ts=1647257120.783349&cid=C018S5TCQE7
- I am the product designer for the Guides team. I want to find out if your team has used Auto layout in the past and who can I talk to about it even if you haven't used it before.(2022-03-15)
311 https://hackforla.slack.com/archives/CJY4R382X/p1647384715941299?thread_ts=1647258601.449309&cid=CJY4R382X
- I am the product designer for the Guides team. I want to find out if your team has used Auto layout in the past and who can I talk to about it even if you haven't used it before.(2022-03-15)

ExperimentsInHonesty commented 2 years ago

@Eloks7 I was following up on your conversation with Jen Chung in the Civic Tech Jobs channel. I see her last message to you, but I don't see the message you said you sent back.

Did you send this message privately?

Civiv Tech Jobs Hi I am Eloka, a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?(2022-03-15)

Eloks7 commented 2 years ago

Yes, I sent the message privately.

Eloks7 commented 2 years ago

Civic Tech Jobs
- Had a meeting with @Jen Chung regarding her team's use of Auto Layout and got a link to some examples in Figma.

Eloks7 commented 2 years ago

Sent messages to all the projects requesting for their team's design leads.
Slow responses.
2 hours.
Don't know.

ExperimentsInHonesty commented 2 years ago

Eloka has not received a response from any of these projects Lucky Parking Greenearth OS Civic tech index Open community Survey Youth Justice Nav

ExperimentsInHonesty commented 2 years ago

Open Community survey

Dates of conversation
- Started 2022-03-31
- Most recent update 2022-04-18
Summary of conversation
- Bernard Adesina or Kevin Wang (formerly on the team) are the people to reach out to because MK (the current designer) didn't set it up and has not had a chance to review it.
Screenshot of conversation

ExperimentsInHonesty commented 2 years ago

This was in the Youth Justice Nav channel even though Eloka wrote Home Unite Us

Summary of conversation
- Reach out to Chali the current designer

ExperimentsInHonesty commented 2 years ago

Engage

Summary: Ryan Mayott is the Designer and they don't use Auto Layout

ExperimentsInHonesty commented 2 years ago

Internship project

ExperimentsInHonesty commented 2 years ago

Lucky Parking

The Slack free trial is over and the last communication recorded above is April 3rd. So if they did respond, its no longer available to find. Please start again.

ExperimentsInHonesty commented 2 years ago

VRMS

ExperimentsInHonesty commented 2 years ago

TDM Calculator

Shaeeka is no longer the design lead. Please reach out to them to ask them who the new lead is.

ExperimentsInHonesty commented 2 years ago

Home Unite Us

Eloks7 commented 2 years ago

Created a sub issue (Gather Examples: Figma Auto-Layout) for teams that are yet to give me a feedback.
Slow responses.
2 hours.
No idea

ExperimentsInHonesty commented 2 years ago

Summary of all communications to date (which we were able to find from the comments above)

100 Automations

~Slack thread ~ no longer available
Summary of Communication:
- Team messaged that there is no designer on this team currently and Eloka asked for who he could talk to about Auto Layout, and no one on the team replied.
  - 2022-03-14 Eloka7 wrote: Hi, [@Cami](https://hackforla.slack.com/team/U018S4VQK3M) are you still the design lead for 100automations project? ( if Camila is not the lead anymore, can someone else on the team let me know who is?)
  - 2022-03-14 Bonnie replied: @Eloks7 this team currently does not have a design team member at all.
  - 2022-03-15 Eloka7 wrote: I am the product designer for the Guides team. I want to find out if your team has used Auto layout in the past and who can I talk to about it even if you haven't used it before.
Next Steps: Reach back out to the team, to find out what the names of the prior designer were in order to follow up with them.

311

~Slack thread~ no longer available
Summary of Communication:
- Determined that the person listed on the Hack for LA website (Diana) was not the design lead anymore and that they don't have anyone currently.
  - 2022-03-14 Eloka7 wrote: Hi, [@Dana Chen](https://hackforla.slack.com/team/U0112KZPV6C) are you still the design lead for 311 Data project? ( if Dana is not the lead anymore, can someone else on the team let me know who is?)
  - 2022-03-14 Bonnie Replied [@Eloks7](https://hackforla.slack.com/team/U032QEFUPB9) We don't currently have any design team members on the project. We are looking.
  - 2022-03-15 Eloka7 wrote: I am the product designer for the Guides team. I want to find out if your team has used Auto layout in the past and who can I talk to about it even if you haven't used it before.
Next Steps: Reach back out to the team, to find out what the names of the prior designer were in order to follow up with them.

Ballotnav

~Slack Thread~ no longer available
Summary of Communication:
- Reached the designers on the team and was planning on going to a meeting but its been postponed
  - 2022-03-14 Eloka wrote: Hi, @fedelandini are you still the design lead for Ballotnav project? ( if Federica is not the lead anymore, can someone else on the team let me know who is?)
  - 2022-03-14 Federica replied: Hi [@Eloks7](https://hackforla.slack.com/team/U032QEFUPB9) yes, together with [@Irina](https://hackforla.slack.com/team/U01A3MMN59U) and [@Jon Lam (EST)](https://hackforla.slack.com/team/U01N6C5GDA8)
- 2022-03-14 Eloka7 wrote: I am a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?
- 2022-03-14 ?? replied Hi @Eloks7 yes we used Auto Layout for some elements.
- Ballotnav (Thursday 8 pm PST) (Meeting was postponed)
Next Steps:

Civic Tech Index

~Slack Thread~ no longer available
Summary of Communication:
- Wrote to team to confirm that Chali is the current designer. The Slack free trial is over and the last communication recorded in this issue is March 14. So if they did respond, its no longer available to find.
  - 2022-03-14 Eloka wrote: ``Hi, @Chali are you still the Design lead for project? (if Chali is not the lead anymore, can someone else on the team let me know who is?```
Next Steps: Chali is the designer, try to connect with her. If she does not respond, talk to the Product Managers.

Civic Tech Jobs

~Slack thread ~ no longer available
Summary of Communication:
- Eloka connected with current designer Jen and got a link to their figma
  - 2022-03-14 Eloka wrote: Hi, [@Jen Chung](https://hackforla.slack.com/team/U02A6H5PVAA) are you still the Design lead for Civic Tech Jobs project? (if Jen is not the lead anymore, can someone else on the team let me know who is?)
  - 2022-03-14) @jen Chung replied: Hi! Hope you are doing well. Yes I am.
  - 2022-03-15 Eloka7 wrote: Hi I am Eloka, a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?
- 2022-03-22 Jen Chung gave me a figma link showing how they have been Using Auto Layout.
Next Steps: The link to their figma is just to the main page. Please document what you learned about how they use Auto Layout (video of interview with her, yoru notes, etc.). If all you got was the link to the figma but nothing else, define what you next steps will be.

Civic Tech Structure

Summary of Discovery:
- Couldn't find a Designer on the website.
Next Steps:

Data Science Project

Summary of Discovery:
- Not on the HFLA website.
Next Steps:

Design Systems

~Slack thread~ no longer available
Summary of Communication:
- The Slack free trial is over and the last communication recorded above is March 14th. So if they did respond, its no longer available to find.
  - 2022-03-14 Eloka wrote: Hi, [@Ryan Curtis](https://hackforla.slack.com/team/U01UPE4RNHZ) are you still the design lead for Design systems project? (if Ryan is not the lead anymore, can someone else on the team let me know who is?)
Next Steps: Please start again.

Engage

~Slack Thread~ no longer available
Summary of Communication:
- Ryan Mayott is the Designer and they don't use Auto Layout.
- See screenshot above for entire conversation.
Next Steps:

Expunge assist

Summary of Discovery:
- No designers on the team.
Next Steps:

Food Oasis

~Slack thread ~ no longer available
Summary of Communication:
- Identified that Bryan Wu is the current design and that they have never used Auto Layout
- 2022-03-14 Eloka wrote: ``Hi, @Bryan Wu are you still the design lead for Food Oasis project? (if Bryan is not the lead anymore, can someone else on the team let me know who is?)```
- 2022-03-15 (aproximate date) Byran Wu said that they have never used Auto Layout.
Next Steps:

Greenearth OS

~Slack thread~ no longer available
Summary of Communication:
- The Slack free trial is over and the last communication recorded above is April 3rd. So if they did respond, its no longer available to find.
  - 2022-03-14 Eloka wrote: Hi, [@María-Inés Montes](https://hackforla.slack.com/team/U027NG94TQB) are you still the Greenearth OS lead for design project? (if Maria is not the lead anymore, can someone else on the team let me know who is?)
Next Steps: Maria is not the current designer, Natalia is, reach out to her

Home Unite Us

~Slack Thread~ no longer available
Summary of Communication:
- The Slack free trial is over and the last communication recorded above is March 31st. So if they did respond, its no longer available to find.
  - 2022-03-31 Eloka7 wrote: Hi, [@Rachel Bracker](https://hackforla.slack.com/team/U02JQLQ6YGY) are you still the Design lead for Home Unite Us project? (if Rachel is not the lead anymore, can someone else on the team let me know who is? 2022-03-14
  - 2022-03-31 Rachel Bracker replied Hi, I am!
  - 2022-03-31 Hi I am Eloka, a UI/UX Designer in the Guides team. I want to find out if your team has built anything using Auto Layout, do you have time to meet with me?
Next Steps: Reach out to Rachel again and let her know you lost the thread, and remind her of your last message

Internship Project

~Slack Thread~ no longer available
Summary of Communication: Susan Zhuang is replied that they don't use it yet because they have not started their design system.
- See screenshot above for entire conversation.
Next Steps:

Lucky Parking

~Slack thread~ no longer available
Summary of Communication: The Slack free trial is over and the last communication recorded above is April 3rd. So if they did respond, its no longer available to find.
- See screenshot above for entire conversation.
Next Steps: Please start again.

Open Community Survey

Slack Thread
Summary of conversation: Bernard Adesina or Kevin Wang (formerly on the team) are the people to reach out to because MK (the current designer) didn't set it up and has not had a chance to review it.
- Bernard reached out to Eloka in the channel and they were going to meet 2022-04-29, but it didn't seem to happen
  - See screenshot above for entire conversation.
Next steps are to reschedule meeting with Bernard.

TDM Calculator

~Slack Thread~ no longer available
Summary of Communication:
- The Slack free trial is over and the last communication recorded above is April 3rd. So if they did respond, its no longer available to find.
  - See screenshot above for entire conversation.
Next Steps: Please start again.

VRMS

~Slack Thread~ no longer available
Summary of Communication: The Slack free trial is over and the last communication recorded above is April 3rd. So if they did respond, its no longer available to find.
- See screenshot above for entire conversation.
Next Steps: Please start again.

Youth Justice Nav

~Slack Thread~ no longer available
Summary of conversation:
- Daniel is no longer the lead, its now Chali
  - See screenshot above for entire conversation.
Next Steps:
- Reach out to Chali the current designer

juliagab56 commented 7 months ago

Hello! We’re currently doing an audit and updating all of our UI/UX resources. If you would like to continue working on this issue, make sure you follow these guidelines. Thank you!

JesseTheCleric commented 3 weeks ago

Prior version of issue

### 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 - [x] Gather examples of how other projects or volunteers have done this (if applicable), adding each example as a link in the resources section below - [ ] Once done, remove the "Guide: Gather Examples" label and add the "Guide: Research" label - [ ] Research existing information about Auto Layout in relevant resources, articles, etc. - [ ] Once done, remove the "Guide: Research" label and add the "Guide: Draft Guide" label - [ ] Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive](https://drive.google.com/drive/u/1/folders/1os-4KyGnL0SXIeyfoDICOEpG5CO_1MaV) - [ ] Once done, remove the "Guide: Draft Guide" label and add the "Guide: Review Guide" label - [ ] Review the guide with UX/UI community of practice - [ ] Once done, remove the "Guide: Review Guide" label and add the "Guide: Leadership Review" label - [ ] Present to the Hack for LA leadership team for sign off - [ ] Once approved, remove the "Guide: Leadership Review" label and add the "Guide: Place Guide" label ### Resources - Update issue hackforla/knowledgebase-content#97 with the name of item you are working on - 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/)

JesseTheCleric commented 3 weeks ago

Assignee, Labels, Project Board Placement, and Milestones for this issue in the UI/UX Repo:

![image](https://github.com/user-attachments/assets/2e3f7179-edd4-4824-bf52-7af37adedddd)

hackforla / knowledgebase-content