Make WordPress Design

Menu

The Design Team provides design for the WordPress project.

Want to get involved? See the handbook and optionally drop into #design to chat. Most active design work happens in the block editor project, consider dropping into Needs design or Needs design feedback.

Figma Access

There’s a WordPress Component Library in Figma. Duplicate to edit, direct access is reserved for the design team. Figma accounts are free, but edit access is not.

You don’t need edit access to use the Figma libraries, you can copy components from there into your own drafts. If you’re a contributor with the ability to grant edit access, please be mindful, and downgrade to view access once the initial need for edit has waned.

Birgit Pauli-Haack 10:59 am on September 6, 2024
Tags: admin-design ( 2 ), data views, dataviews ( 2 ), design ( 217 )

Data Views Update #1

The Data Views component is a key part of the future of WordPress, used both in the site editor and by early adopter pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party developers. It’s being built collaboratively with the goal to streamline, standardize, and improve its functionality. This component will play a crucial role in future WordPress versions and is central to the Admin Design efforts.

This update is the start of a series to provide more frequent information about the latest and greatest, so folks can follow along, give feedback, and explore using this component. It builds on the initial update shared in June and will share biweekly updates going forward as it remains helpful.

To get started in learning more, you can find documentation on it in the Storybook space. A post on the Developer blog, Using Data Views to Display and Interact with Data in Plugins, explains how to add a ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. app to a plugin page and use the Data Views component to display a data list.

Continue reading →

#admin-design, #data-views, #dataviews, #design

Joen A. 9:13 am on September 5, 2024
Tags: phase-3 ( 3 )

Advancing the WordPress Design System

We’re excited to introduce a long requested initiative focused on consolidating and enhancing design system efforts across WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/. The goal, specifically, is to bring together existing tools like @wordpress/components, the new Figma library, and Storybook into a unified design system reference site that anyone can use to contribute back to WordPress or extend WordPress in line with a shared design language. This means that anyone contributing to WordPress can be confident they are building consistent, accessible, and coherent experiences. This is especially important considering Phase 3 and the Admin Design effort that seeks to make it straightforward for pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party authors to offer great, intuitive user experiences.