Clean up the Figma file

[Parisajf]

Overview

We need to clean up and organize the figma file to make it easy for all users to find different parts of the design

Action Items

• Organize the pages, retire some old pages, Making sure the page names are accurate and related, having scattered designs all over one page ore centric and updating the names,maybe adding guidelines for non-designer users to be able to find what they need.
• Review with product and design. Update if needed based on feedback
• Once finalized, add before and after images to the staging deck on this slide
• Get Stakeholder sign-off via the stakeholder meeting slide deck.

Resources/Instructions

TDM Calculator Figma
TDM Calculator Handoff Figma

[Biuwa]

Please provide an update:

1. Progress(What is the current status of your project? What have you completed, and what is left to do):
2. Blockers(Difficulties or errors encountered):
3. Availability(How much time will you have this week to work on this issue):
4. ETA(When do you expect this issue to be completed):
5. Pictures (if necessary)(Add any pictures that will help illustrate what you are working on):

[Biuwa]

@limjoyce

Please provide an update:

1. Progress(What is the current status of your project? What have you completed, and what is left to do):
2. Blockers(Difficulties or errors encountered):
3. Availability(How much time will you have this week to work on this issue):
4. ETA(When do you expect this issue to be completed):
5. Pictures (if necessary)(Add any pictures that will help illustrate what you are working on)

[marlenamellody]

Progress:

• Implemented a workflow for managing GitHub issues and drafting designs in Figma under the resources section.
• Updated naming conventions for pages under drafts and handoff: (#issue number - status) the title of the issue : name of designer
• Archived past issues
• Organized screens within previous handoff pages to establish a template for addressing new issues

[marlenamellody]

Progress: I created a new Figma file dedicated to the design system and all screens for handoff, while archived designs will remain in the original file. Some of these screens will require updates to align with the current components.

Blockers: Is there anything else that needs to be included in the new figma file? Also, there might be a 3-page limit in the new file due to the project being on a starter figma plan.

Availability: 4 hours this week

ETA: 1-2 weeks

Images of design system and all pages included in the new file:

[thetanmancan]

Hey @marlenamellody. I hope you had a nice winter vacation. Since we're back in action as of this week, please provide an update for this issue using the following format by Tuesday night. Thank you!

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."

• remember to add links to the top of the issue if they are going to be needed again.

[marlenamellody]

Progress: I created additional pages for admin-facing screens and security-facing screens in the TDM Calculator Handoff file. I've also added screenshots of the site to the "all pages overview". Some screens (security page, submit snapshot) don't exist in Figma and need to be created.

Blockers:

• The TDM Calculator Handoff file with the additional pages is currently in the DRAFTS of the main TDM file. I'm not sure how to move this to the main file.

Availability: 8 hours this week

ETA: ~2 weeks

[thetanmancan]

Hi @marlenamellody. Could you give an update of your progress from this week?

Also, when posting images, Nilakshi advised using the following format:

Explanation of image


The reason for using the details-arrow-twirl-down function (I don't know what it's actually called) is that it prevents a clutter of images in the Comments section. If there are a lot of displayed images in the Comments section, it requires users to have to scroll down a lot, which is not user-friendly. If you disagree with using that function, though, let me know. Thanks.

[marlenamellody]

Hi @thetanmancan, that sounds good - will keep that in mind for future updates.

Progress: I've updated the screens with approved components from the design system. I noticed that side panel uses the font Oswald, which is not in our current style guide.

Blockers: Same as last week - Need to move TDM Calculator Handoff file from drafts to main TDM calculator figma file.

Availability: 8 hours this week

ETA: 1 week.

[marlenamellody]

Progress: No major updates this week. Some pages will need to be updated with approved designs (create project page 3-error, submit snapshot, security)

Availability: 8 hours this week

ETA: I think I'm finished with this issue for now. Need to gather feedback to determine if any changes are needed.