My 1st issue! Learn about design systems and using Github

[ericvennemeyer]

You'll need to complete Hack for LA onboarding before beginning this checklist. If you're deciding between HFLA teams, you can request in our Slack channel to observe one of our all-hands meetings first. This checklist is meant to get you up to speed by showing you around and introducing our workflow, products and project history.

Slack

• [x] Introduce yourself in the #design-systems Slack channel. You can attend one of our all-hands meetings or request a 1-on-1 meeting with your team lead, and that the PM grant you access to our Google Drive, Google Calendar meetings, Figma project, and Github repo. (Until you have access, some of the following links will not work.) @ the PM and your team lead in this message.
  • [x] Check your calendar and accept the invites to our recurring meetings. You might occasionally be asked to attend a meeting outside of your function.
• [x] Update your Slack profile in the HFLA workspace. Under Title, type in your role and the name of the team (i.e. "UX Writer, Design Systems").

Drive

• [x] In our Google Drive folder, add yourself to our roster spreadsheet.

GitHub

Doing the following tasks on desktop is recommended.

Profile settings

• [x] At the top right of this very webpage, you'll see a row of dropdown menus. Click "⭐ Star" so the button turns into ⭐ Starred. Now, people will be able to find your profile from our repository's homepage.

Issue settings

• [x] Below the Pins and Star settings, you'll see a list of more settings, starting with "Assignee" at the top. Add your Github username as an assignee.
  • [x] Select the label role: _ (your role).
  • [x] Select the project Learning about design systems.
  • [x] Click 🚧 BACKLOG to open a dropdown, and select ✈️ IN PROGRESS.

Learning about our Products and the history of the project

Our team is working on two main products related to design systems : HfLA Figma Guide and HfLA Design System template. You can think of the first one as a guide for Figma setup and the 2nd one as HfLA Core UI Library and component systems.

• [x] Optional Step: Go to our Wiki > Background so you can learn about the history of the project. You can access the background page either from the sidebar pages on right or here.

HfLA Figma kit/Guide

• [x] Go to the releases section of our project repository.
  • [x] First, read the Release Note for "HfLA Figma Kit". You can access the PDF from the above link or here.
  • [x] Then you can open the v1.0 in Figma to see the product we released for our external audience who are designers across HfLA. You can access the link to Figma from the release section mentioned above.

    HfLA Design System and UI template

• [x] Watch this recording with stakeholder and PMs in our Google Drive folder and under DS Recorderd session. This video will give you an idea what we are building.

Other readings

• [x] In our Google Drive folder, under "Tutorials", find the PDF of Alla Kholmatova's Design Systems book and read chapter 1 (pages 18-45).
• [ ] Optional Step: Learn about user-centered design (more terms and definitions) and task analysis.

If you are a UXer

• [ ] Click the green button Submit new issue on this page. This issue will generate under HfLA's UX/UI community of practice and is meant to track the skills you learn during your time at HfLA.

  If you are a developer

• [x] Read the research from the previous lead developer.

  If you are a product manager

• [ ] Schedule a meeting with Bonnie.
• [ ] Make sure to explore the resources avaiable to you at Product managment Community of Practice repository.
  • [ ] Make sure to subscirbe to #product_management channel on Slack.

Yay!

• [x] Once you're completely done with all action items on this issue, add a comment below and @ the PM and your team lead.

[ericvennemeyer]

@joshfishman @allthatyazz Completed my onboarding issue! The readings on design systems were super interesting.

[allthatyazz]

@ericvennemeyer Awesome progress! Welcome to the team!