Design Share: Mar 25-Apr 5


This is a bi-weekly update of work the design group contributed to. Work happens in overview issues, and in needs design, or needs design feedback issues.

If you have updates you’d like to include in the next Design Share, drop a note in the #design channel. If you have questions, you can also ask them there, or as a comment on this post.


Site Editor animation refinements

Status: Conceptual.

Exploring how we might tighten the bolts on the site editor animations. Figma prototype.

Badge fields

Screenshot showing badge fields in a  pattern management inspector.

Status: In progress.

Adding an option in data views that allows consumers to specify that fields display as label-less badges. Initially this will be utilised by ‘Sync status’ in Pattern management, and pave the way for fields like file name, type, size, and resolution in Media. Pull request here.

Explore UX around customising bundled data views

Mockups showing an ellipsis menu next to a customized "Trash" view.

Status: Conceptual.

There are some quirks around the customisation of bundled data views. For instance when you remove the status filter in the Trash view, you’re no longer viewing trashed pages, despite the active navigation menu item indicating that you are.

Potential solutions to be explored and discussed in #60468.

Bulk actions toolbar

Status: In progress.

Exploring a separate toolbar for bulk actions.

WP.org Homepage Updates

Status: Completed.

We assisted with light updates to several modules on the wordpress.org homepage. Read the post.

Block Naming & Connections

Screenshot showing three rename dialogs, two of which have warnings because they can break a block connection.

Status: In progress.

Based on designs by Saxon, we’re working with Dan and Kai to improve the flow for naming blocks, and conditionally allow local pattern overrides inside synced patterns.

Issue, Figma.

Little things.

Status: Completed.

A couple of little tuneups. Menu separator styles, before/after:

HTML anchor description, before/after:

Show copy shortcut in menu, before/after:


#design, #design-share