Document the responsive version of system components in the Codex Figma library
Closed, DuplicatePublic
Actions

Assigned To

None

Authored By

	• Sarai-WMDE
	Jul 6 2023, 10:23 AM

Description

Background/Goal

We want Codex users to be able to utilize components that have an embedded responsive behavior. In order to stay consistent, Codex elements should display the same design styles (size, spacing, typography) in their responsive version. Once the responsive properties of components are defined, we'll need to update their spec sheets in the Codex design library to reflect this touch-friendly version.

User stories

As a designer, I need to be able to reuse elements Codex library to compose responsive layouts.

As a Codex code contributor, I need to base the responsive appearance of components on clear design specifications.

Acceptance criteria (or Done)

We update the specs of all responsive components in the Figma Codex library to document their touch-friendly version

Related Objects
Search...

		Status	Subtype	Assigned	Task
		In Progress		bmartinezcalvo	T340535 [EPIC] Responsive layout approach
		Duplicate		None	T341192 Document the responsive version of system components in the Codex Figma library

Event Timeline

• Sarai-WMDE created this task.Jul 6 2023, 10:23 AM

Restricted Application edited projects, added Design-System-Team; removed Design-System-Team (Roadmap). · View Herald TranscriptJul 6 2023, 10:23 AM

• Sarai-WMDE updated the task description. (Show Details)Jul 6 2023, 10:32 AM

CCiufo-WMF moved this task from Inbox to Design Upcoming on the Design-System-Team board.Jul 6 2023, 2:30 PM

Moving to In Design since I'm exploring the components' sizes and responsive by creating some prototypes to compare and decide.

CCiufo-WMF triaged this task as High priority.Jul 25 2023, 2:44 PM

Assigning this task to Sarai since she is working in the exploration/definition of the responsive approach.

• Sarai-WMDE renamed this task from Design the responsive version of system components to Document the responsive version of system components in the Codex Figma library.Aug 22 2023, 10:10 AM

• Sarai-WMDE updated the task description. (Show Details)

• Sarai-WMDE mentioned this in T340535: [EPIC] Responsive layout approach.Aug 22 2023, 1:36 PM

CCiufo-WMF removed • Sarai-WMDE as the assignee of this task.Sep 14 2023, 5:59 PM

CCiufo-WMF lowered the priority of this task from High to Medium.

CCiufo-WMF moved this task from In Design to Design Upcoming on the Design-System-Team board.

CCiufo-WMF mentioned this in T330481: Layout Guidelines for Forms.Mar 1 2024, 8:59 PM

Making a note of this here, per @bmartinezcalvo's request. As mentioned in the Constructing forms guidelines, the default button size in a footer of a form is Large. This would be true for desktop and mobile platforms.

CCiufo-WMF moved this task from Design Upcoming to Backlog on the Design-System-Team board.Oct 4 2024, 7:48 PM

DTorsani-WMF closed this task as a duplicate of T404968: [EPIC] Component responsiveness.Sep 18 2025, 12:58 PM

Document the responsive version of system components in the Codex Figma libraryClosed, DuplicatePublicActions