auareyou

In WordPress Gutenberg, the interface is also organized into distinct panels and work areas, following a similar philosophy to Figma in terms of functionality and workflow. Here's how the Gutenberg panels can be categorized:

---

1. Canvas Area

• Purpose: The main content editing area where users create and arrange blocks.
• Elements:
  • Editable content blocks (e.g., paragraphs, headings, images, etc.).
  • Drag-and-drop functionality for reordering blocks.
• Real-time WYSIWYG (What You See Is What You Get) editing.

auareyou

Button

Buttons allow users to take actions and make selections with a single click or tap.

Usage

Buttons indicate available actions and allow user interaction within the interface. As key elements in the WordPress UI, they appear in toolbars, modals, and forms. Default buttons support most actions, while primary buttons emphasize the main action in a view. Secondary buttons pair as secondary actions next to a primary action.

Each layout contains one prominently placed, high-emphasis button. If you need multiple buttons, use one primary button for the main action, secondary for the rest of the actions and tertiary sparingly when an action needs to not stand out at all.