Design Team Meeting Notes April 7, 2021

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the SlackSlack Slack is a Collaborative Group Chat Platform The WordPress community has its own Slack Channel at channel by following the instructions in our handbook.

Attendees:  @estelaris, @ashiquzzaman@paaljoachim@hedgefield@ibdz, @jameskoster,  @kellychoffman, @melchoyce, @critterverse, @Nirbhay Singh


@hedgefield has been working on the handbook expects to add major changes by this week. Requesting everyne to keep an eye on the handbook by the end of the week.

Contributions to the Design Team is always welcomed. Please pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” @estelaris or @chaion07 and they will guide you through.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights


There will be a company-wide test of FSE at Yoast. @hedgefield believes that it will bring in some valuable feedback on some designs.

Project Updates

@ibdz has been working on the Figma library, adding the new colors. He has checked with the ‘source of truth’, made changes, and published the Styles.

  • WP-Admin Colors in WordPress 5.7 : Blue, Gray, Red, Yellow, Green
  • GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. Colors
  • Deprecated previous Light and Dark Gray.
  • Rename to correct the folder ‘Gradients’ to ‘Opacity’.

As for the next step, he will inspect and work on the Components.

@ibdz also agreed to post a monthly post on “changes in Figma library”. The design team believes posts like this is going to be useful to all.

@jameskoster Combined all the separate button states into variants which will make it much easier to consume. This makes swapping the button states easier, For example – instead of having four versions of the Primary button, you can have just one and swap the button states via inline class. More variants can be found here. He also believes some refinement needs to be done.

Open Floor

@joyously reminded that there were requests for feedback for the Reusable Blocks interface and for how the Appearance menu should be with Full Site Editing. Because the recent change n Reusable Blocks generated lots of forum topics, the recent changes were all related to the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. change. Because of the UI changes, people are inadvertently deleting Reusable Blocks. He requests to put a process to prevent this from happening in the future. He hopes 5.7.1 will fix everything.

@paaljoachim mentioned that one major issue with Reusable Blocks is that one can not discard a save, find the issue here Bottom line was that when the new Reusable blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. concept/feature was released.

@critterverse has been doing some work with Reusable Blocks here and @estelaris said, designers are exploring solutions and enhancements.

#meeting-summary #meeting-notes