Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Guide: Figma for developers (written by their friends at UI/UX) #27

Open
7 tasks
daniellex0 opened this issue Feb 22, 2021 · 26 comments
Open
7 tasks

Guide: Figma for developers (written by their friends at UI/UX) #27

daniellex0 opened this issue Feb 22, 2021 · 26 comments
Labels
CoP: UI/UX Please do not delete this label (message from Bonnie) feature: guide creation Guide: Research Researching topic in relevant resources ready for pm lead role: UI Design

Comments

@daniellex0
Copy link
Member

daniellex0 commented Feb 22, 2021 •
edited by JesseTheCleric
Loading

Overview

We need to create a guide for Figma for developers, so that new developers on Hack for LA teams can learn how to view and analyze designs, and export assets, on Figma.ion]

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.

Resources/Instructions

https://www.youtube.com/watch?v=XA4fM5I4GvQ&list=PL7e8VJ_ZN6epq-oiYOufiuPI-fpDC2Mby&ab_channel=GregorySchmidt

https://www.figma.com/best-practices/tips-on-developer-handoff/

https://www.youtube.com/watch?v=B242nuM3y2s&ab_channel=Figma

https://www.smashingmagazine.com/2020/09/figma-developers-guide/

https://www.figma.com/best-practices/guide-to-developer-handoff/

Projects to Check

Tasks

  • This is where you will copy instructions from the wiki page for the step you are currently on.
@daniellex0 daniellex0 added documentation Improvements or additions to documentation Guide: Research Researching topic in relevant resources labels Feb 22, 2021
@daniellex0 daniellex0 changed the title Guide to figma for developers (written by their friends at UI/UX) Guide: Figma for developers (written by their friends at UI/UX) Feb 22, 2021
@dhwanirparekh dhwanirparekh self-assigned this Mar 9, 2021
@daniellex0

This comment was marked as outdated.

Sign in to view
@dhwanirparekh

This comment was marked as outdated.

Sign in to view
@dhwanirparekh dhwanirparekh added Guide: Gather Examples Gathering examples of how other projects or volunteers have done this Guide: Draft Guide Draft guide in markdown or Google doc and removed Guide: Research Researching topic in relevant resources Guide: Gather Examples Gathering examples of how other projects or volunteers have done this labels Apr 6, 2021
@dhwanirparekh dhwanirparekh added Guide: Review Guide Review guide with UI/UX community of practice and removed Guide: Draft Guide Draft guide in markdown or Google doc labels Apr 19, 2021
@daniellex0

This comment was marked as outdated.

Sign in to view
@abenipa3 abenipa3 self-assigned this Apr 27, 2021
@abenipa3

This comment was marked as outdated.

Sign in to view
@abenipa3 abenipa3 removed their assignment Apr 28, 2021
@abenipa3 abenipa3 mentioned this issue Apr 29, 2021
Closed
47 tasks
@dhwanirparekh

This comment was marked as outdated.

Sign in to view
@dhwanirparekh dhwanirparekh added Guide: Leadership Review Present to the Hack for LA leadership team for sign off and removed Guide: Review Guide Review guide with UI/UX community of practice labels May 4, 2021
@anonymousanemone anonymousanemone mentioned this issue Jun 25, 2021
Closed
19 tasks
@anonymousanemone
Copy link
Member

For devs adding this guide to the Toolkit page: the guide card Illustration and image credit information is in the Toolkit page Figma file (blue rectangle on bottom left)

@ExperimentsInHonesty ExperimentsInHonesty added the Design Systems???? Is this issue part of design system? label Aug 16, 2021
@Hanastevenson Hanastevenson mentioned this issue Aug 17, 2021
Closed
7 tasks
@daniellex0 daniellex0 removed the Design Systems???? Is this issue part of design system? label Aug 22, 2021
@ExperimentsInHonesty

This comment was marked as outdated.

Sign in to view
@ExperimentsInHonesty

This comment was marked as outdated.

Sign in to view
@ExperimentsInHonesty

This comment was marked as outdated.

Sign in to view
@ExperimentsInHonesty ExperimentsInHonesty mentioned this issue Jan 5, 2022
Open
2 tasks
@ExperimentsInHonesty

This comment was marked as outdated.

Sign in to view
@SheIsBukki SheIsBukki mentioned this issue Mar 18, 2022
Closed
@ExperimentsInHonesty

This comment was marked as outdated.

Sign in to view
@ExperimentsInHonesty
Copy link
Member

This guide will have to be remade from scratch.

@ExperimentsInHonesty ExperimentsInHonesty added Guide: Gather Examples Gathering examples of how other projects or volunteers have done this and removed Guide: Leadership Edits Requested Guides Team Review labels Apr 1, 2022
@juliagab56 juliagab56 self-assigned this Jun 16, 2022
@juliagab56 juliagab56 added Guide: Research Researching topic in relevant resources and removed Guide: Gather Examples Gathering examples of how other projects or volunteers have done this labels Jul 15, 2022
@juliagab56 juliagab56 removed their assignment Jan 12, 2023
@Aparna1Gopal
Copy link
Member

#27 (comment)

@Aparna1Gopal Aparna1Gopal mentioned this issue Apr 26, 2024
Open
43 tasks
@ExperimentsInHonesty ExperimentsInHonesty added the CoP: UI/UX Please do not delete this label (message from Bonnie) label May 31, 2024
@ExperimentsInHonesty ExperimentsInHonesty mentioned this issue Dec 6, 2022
Open
18 tasks
@kcoronel kcoronel mentioned this issue Dec 4, 2021
Open
17 tasks
@JesseTheCleric
Copy link
Member

Prior version of issue

Overview

We need to create a guide for Figma for developers, so that new developers on Hack for LA teams can learn how to view and analyze designs, and export assets, on Figma.

Action Items

  • Research existing information about Figma for developers in relevant resources including Figma's youtube videos and articles
    • Once done, remove the "Guide: Research" label and add the "Guide: Gather Examples" label
  • Gather examples of how other projects or volunteers have trained their developers in Figma (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: Draft Guide" label
  • Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive]
    • 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
    • If the guide needs more edits Leadership team will remove the "Guide: Leadership Review" label and add the "Guide: Leadership Edits Requested" label
    • Once Author has made changes, remove the "Guide: Leadership Edits Requested" label and add the "Guide: Leadership Review" label
    • 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

~DRAFT Guide ~- Got deleted and we can't get it back

https://www.youtube.com/watch?v=XA4fM5I4GvQ&list=PL7e8VJ_ZN6epq-oiYOufiuPI-fpDC2Mby&ab_channel=GregorySchmidt

https://www.figma.com/best-practices/tips-on-developer-handoff/

https://www.youtube.com/watch?v=B242nuM3y2s&ab_channel=Figma

https://www.smashingmagazine.com/2020/09/figma-developers-guide/

https://www.figma.com/best-practices/guide-to-developer-handoff/

Projects to check

@JesseTheCleric
Copy link
Member

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

image

@JesseTheCleric
Copy link
Member

JesseTheCleric commented Nov 3, 2024 •
edited
Loading

Files in this Issue

Guide draft

  • This document looks like it has been deleted

@JesseTheCleric JesseTheCleric mentioned this issue Nov 3, 2024
Open
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
CoP: UI/UX Please do not delete this label (message from Bonnie) feature: guide creation Guide: Research Researching topic in relevant resources ready for pm lead role: UI Design
Projects
P: Guides: Tracker of issues in CoPs
Status: Properly Labeled and not yet ready for Guides Team Review
Milestone
No milestone
Development

No branches or pull requests