[EPIC] Migrate Sketch files to Figma & clean up

[FranECross]

Description

This EPIC will be used to organize the tickets for the individual designs that needs to be moved to Figma.

The reason for the move is that the Sketch license ends on February 16th, 2024, and at that point out team should have downloaded any Sketch files they still need to Figma.

Public Websites and Facilities files that are in the CMS Figma account will need to be migrated the VA Figma folder "CMS Editor Experiences" no later than March 29, 2024.

Statuses

2024-02-28 Status

• All files have been moved from Agile Six Figma to VA Platform Figma ahead of the March 29, 2024 deadline
• Next step is to convert components in design files to Figma VA design system components. This will be done whenever time permits.

2024-02-05 Status

• All files have been moved from Sketch to Figma, including working files.
• Next step is to start moving files form Agile Six Figma to VA Platform Figma by March 29, 2024

2024-01-04 Status

• Converted this ticket to an Epic
• Amanda reported that she spoke to Ericka W, and Public Websites and Facilities files that are in the Agile Six Figma account will need to be migrated the VA Platform Figma no later than March 29, 2024.

User story

AS A PW and Facilities team member I WANT to have all Sketch files that will continue to be needed going forward moved into Figma SO THAT when the Sketch license expires, we can continue business as usual

Additional Info from Platform

How to move your work from Sketch to Figma Designing with Figma at VA Figma accounts and role permissions at VA

Quality / testing notes

Review each file after import to ensure fonts, colors, and styling imported accurately.

Sketch to Figma

Facilities Sketch files

Do not move until February 1, 2024 AND all comments are resolved

- [x] Police Transparency - [x] VBA Regional Office - [x] Facility Locator

High Priority

- [x] VAMC CMS Master - [x] Vet Centers

Low Priority

- [x] Lovell VA tricare VAMC CMS

Public Websites Sketch files

High Priority

- [x] Outreach and events - [x] Discharge Wizard - [x] OCTO Brand Design (full file migration complete) - [x] PACT Act - [x] Home page presentation - [x] VA-home-updates-2022

Low Priority

- [x] Search UI - [x] VA CLP Template - [x] Software factory tool (full file migration complete) - [x] O&E Wireframes W2 - [x] VA Resources support template - [x] Income limits - [x] VA form search - [x] Yellow ribbon map - [x] VA form redesign - [x] VA learning center template v2 - [x] Harassment reporting tool prototype - [x] FAF Download PDF - [x] Yellow ribbon search results - [x] VA learning center template v3 - [x] Learning center map - [x] Campaign landing page template v1 - [x] Contact center journeys - [x] Yellow ribbon map 2 - [x] Harassment reporting tool - [x] FAF 10EZ - [x] CLP tweaks 2021 - [x] Page rating - [x] VA tier3 - [x] VA footer language

Design System Sketch files

Do not move until February 1, 2024 AND all comments are resolved

- [x] USA Header Footer

Agile Six Figma to VA Platform Figma (must be moved by March 29, 2024)

Current Working Files

- [x] VBA Content Specs

Facilities Figma files

High Priority

- [x] VAMC facilities

Low Priority

- [x] VBA Regional Office Prototype - [x] Covid/Facility Status - [x] VA medical Centers forms - [x] Vet Centers forms

Public Websites Figma files

High Priority

- [x] Header/footer prototype copy from A6's Figma account - [x] Events - [x] Full width banner alerts - [x] Q&As

Low Priority

- [x] Income limits prototype - [x] Campaign Landing Pages - [x] CTA with links content block - [x] Magic Headers and Paragraphs - [x] Benefit Content Model - [x] News Promo Block - [x] HUB List Menu - [x] Tableview Patch UI - [x] Events near me: Editor UX for testing

Acceptance criteria

Sketch to Figma

All files need to be moved from Sketch to Figma by February 16, 2024.

• [x] Make a list of Sketch files that need to be moved to Figma
  • [x] Public Websites
  • [x] Facilities
• [x] Move top priority files
• [x] Move low priority files
• [x] Move current working files by February 16, 2024

Agile Six Figma to VA Platform Figma

All files need to be moved from Agile Six Figma to VA Platform Figma by March 29, 2024.

• [x] Make a list of Agile Six Figma files that need to be moved to VA Platform Figma
  • [x] Public Websites
  • [x] Facilities
  • [x] Mark current working files (This only applies to 1 file)
• [x] Move top priority files
• [x] Move low priority files
• [x] Move current working files by March 29, 2024

[FranECross]

@thejordanwood @jilladams I created a ticket for the work to migrate Sketch files to Figma, so we can plan accordingly. The Sketch license doesn't expire until Feb 24, 2024, but I thought perhaps a list could be made, and then separate tickets created to be weaved into sprints so we aren't caught at the last minute next year.

[thejordanwood]

@jilladams @FranECross I can list these out sometime, but for now will put the overview here.

• There are 28 files in the Public Websites folder in the Sketch workspace.
• There are 6 files in the Facility folder in the Sketch workspace.
• Some of these files were created before my time on the project. Others have been created while I've been here, but not by me. My assumption is that I'm in charge of moving all of these files into Figma.

[FranECross]

@thejordanwood Thanks so much for this information. I believe you're correct about the ask falling on your shoulders. When you're not so bogged down, I can collaborate with you to get stories created to accommodate small chunks of work in a way that makes sense to you. cc @jilladams

[jilladams]

Noting:

• This ticket now covers both Public Websites and Facilities Sketch files for migration. (FYI @xiongjaneg )
• @aklausmeier is likely to help with the Sketch > Figma migration during code freeze while Jordan is on PTO.
  • Jordan and Amanda to connect and confirm the list of files that will need to be migrated, in prep.
• Current WIP is a priority, e.g. VA Police transparency.

[aklausmeier]

@thejordanwood We also need to import the Drupal UI files that were created for PW and Facilities products. I have created a CMS folder space in the VA Figma. I'll send you an invite to that space as well.

[jilladams]

@thejordanwood @aklausmeier I know we'll discuss today in Fac UX Sync, but noting: we'll want to think about points here.

[thejordanwood]

@aklausmeier I've added a list of the files in Sketch and the Drupal UI files that currently live in the Agile Six workspace. I grouped these by high and low priority, but please feel free to rearrange!

[jilladams]

Noting: Amanda intends to work on this during the break, so reflecting it will make some progress in Sprint 100.

[jilladams]

@aklausmeier @thejordanwood I know y'all plan to sync about status / plans here. Could you update notes on ticket for my / Jane / Fran's reference once you do? Thanks!

[jilladams]

Amanda noted in planning: She has migrated almost all the files and we don't expect to need more help. More details coming when there's time to spell it out.

[aklausmeier]

@thejordanwood All high and low priority files for PW and FAC have been imported to the VA Figma space. We will need to relink all design components including any necessary text styles to the Figma design system components (step 7 in migration process) when our team has capacity or needs to do so because the product is being pulled in for iteration. Since these have been migrated, these files are not bound by the FEB 16 deadline.

In our Figma space, I have added a file "cover" to indicate current status. Link to Figma status legend for reference.

Cover example indicating components still need to be updated:

Current working files still need to be migrated by FEB 16. @thejordanwood this can be done anytime while you are working in the files. Comments will not migrate over so ideally these are resolved before migration or migrated before comments begin on a file.

@jilladams @FranECross After sharing current status with Dave C., we will need to track each design file as it's own ticket possibly making this effort an epic rather than this one ticket. I will make a note above to a few of the design files that do not need this tracking w/in an epic because they are completed, marking as "full file migration complete".

[aklausmeier]

In regards to moving our PW and Facilities files out of the CMS Figma space, this is on hold until we get confirmation from @EWashb on whether they will continue to stay in the separate CMS Figma space or they will move to the VA Figma account. This is dependent on a decision of where the CMS design component library will live. Some of these files are currently in progress and we wouldn't want to move them until comments are resolved.

[aklausmeier]

spoke with @EWashb and Public Websites and Facilities files that are in the CMS Figma account will need to be migrated the VA Figma folder "CMS Editor Experiences" no later than March 29, 2024.

@FranECross @jilladams In an upcoming UX refinement, let's discuss how we can turn this ticket into an epic with tickets to track the work. @thejordanwood and I will most likely need your assistance.

[FranECross]

@aklausmeier Sounds great! If you have a simple list of items that need individual tickets, I can take care of converting this to an epic and then creating the associated individual tickets. Thanks! cc @jilladams @thejordanwood

[aklausmeier]

@FranECross Thanks! Every file listed in this ticket description will need it's own ticket w/in the epic unless it has "full file migration complete" next to it's name. This applies to file names with and without the checkmark.

The AC's should be :

• Sketch file imported to VA Figma (this is currently tracked as a check mark in this file)
• File Cleanup: Design components and styles relinked to Figma VADS

[FranECross]

@aklausmeier and @thejordanwood 😁I've created tickets for each files, and labeled accordingly (Facilities/Public Websites).

[aklausmeier]

Thank you @FranECross - that was fast!

[aklausmeier]

@thejordanwood and @davidmpickett I changed the VA Figma folder from "CMS - Editor Experiences" to 2 distinct folders, "CMS - Public Websites Editor Experiences" and "CMS - Facilities Editor Experiences" to keep files organized by team.

[thejordanwood]

@aklausmeier All current working files have been moved from Sketch to Figma and their components have been converted. Open comments have also been moved over.

The working files are:

• Police Transparency
• VBA Regional Office
• Facility Locator

I'll start moving files from the Agile Six Figma to VA Platform Figma this week.

[thejordanwood]

@aklausmeier All files have been moved from the Agile Six Figma to VA Platform Figma.

We no longer need to worry about deadlines! Next step is to convert components in design files to Figma VA design system components, which will be done whenever time permits.

[FranECross]

Closing; some tickets completed, and some closed as no op with comments. Epic is completed.