Page MenuHomePhabricator

Update Vector 22 skin Figma template
Closed, ResolvedPublic

Description

Background/Goal

Vector 22 skin Figma template needs to reflect the same as we currently have in production. This Figma template should be updated.

Captura de Pantalla 2023-02-01 a las 17.04.30.png (778×2 px, 1 MB)

Apart form article page, we could consider adding other important pages:

User stories

  • As a designer, I need Figma Vector 22 components and templates to reflect the same as production.

Open questions

  • Grid: we won't apply the new grid approach since the grid has not been implemented yet and we want to reflect the same as in production.
  • Should we add the tablet template?
  • Should we add other page views to represent the Vector22 skin?

Acceptance criteria (or Done)

  • The Vector 22 Figma template should reflect the same as production (@alexhollender_WMF to add a new item in this list every time there is a change in production)
    • Login links
    • Tools right panel
    • Update ToC with the last version
  • Publish the changes in the main library

Event Timeline

@alexhollender_WMF I've created this task to collect all the changes made in Vector 22 and reflect in the Figma skin template the same as production. Please, list all changes you publish in production in the list in this task description and ping us to let us know when should we update the Figma template. Also, feel free to update the template yourself in a new Figma branch and ping us before publishing.

...Please, list all changes you publish in production in the list in this task description and ping us to let us know when should we update the Figma template.

@bmartinezcalvo so I should use this task going forward to list any visual changes we make to Vector 2022?

@bmartinezcalvo so I should use this task going forward to list any visual changes we make to Vector 2022?

@alexhollender_WMF yes, we could use this task to manage all changes and make sure they are applied in the Figma template.

@alexhollender_WMF yesterday during one of our DST meetings we decided to not use this as a permanent task and to use it just to update the changes listed in the acceptance criteria. So moving to the current DST sprint so I can merge the Figma branch where we are discussing the current changes.

For future Vector22 changes, we can do the following:

  1. Always we need to update the Vector22 Figma template with changes made in production, you can create a new Phabricator task and ping us using the Design-System-Team tag.
  2. I've created this Figma exploration file so we can save all Vector22 template versions and work explorations there if needed before publishing them in the main library. You can also comment in this Figma exploration file when you need to do some changes.
Restricted Application triaged this task as High priority. · View Herald TranscriptFeb 16 2023, 11:19 AM

@alexhollender_WMF regarding the open questions listed in the task, do you think it worth to:

  • Add the tablet template (now we only have the desktop one)
  • Add other page views to represent the Vector22 skin
bmartinezcalvo updated the task description. (Show Details)
bmartinezcalvo moved this task from Incoming to Done on the Design board.

@alexhollender_WMF regarding the open questions listed in the task, do you think it worth to:

  • Add the tablet template (now we only have the desktop one)
  • Add other page views to represent the Vector22 skin

Closing this task since the acceptance criteria was solved. If we decide to introduce new device or page templates, we can open a new task.