Gestalt 2023 H2 roadmap

The following reflects all public-facing work the Gestalt team plans to ship in 2023 H2. For more details on our latest updates, visit the What's New page.

In progress

Gestalt docs auto-generation of props tables

Finalize our migration of component docs to dynamically generate props tables in our documentation.

Gestalt docs Sandpack code editor migrations

Finalize all remaining code samples to render in Sandpack for improved rendering and text selection.

Integration of variables into Gestalt Figma libraries

Research and experimentation on the viability of implementing Figma variables into Gestalt's Figma libraries.

Data visualization components (Web)

Implementation of Bar and Line chart components in our Web codebase.

Density theme (Web)

Implementation of a baseline density theme across a subset of Web components.

Pinterest Design Figma plugin linter functionality

Implement design linting capabilities to detect and fix missing Gestalt styles/variables in design files.

Integration / linking of PyDocs for internal employees

Connect Gestalt's external docs with private links to internal documentation to help engineers get to pertinent information faster / easier.

Mobile Badge component (Android/iOS)

Development of a mobile-specific treatment of the Badge component with respective documentation.

Mobile Text component (iOS)

Development of a mobile-specific treatment of the AvatarGroup component along with respective documentation.

Upcoming

R&D: AI integration into docs/comms

Explore potential applications for AI to augment our team's support and external communications.

Improved team communications

Develop new processes to help awareness of Gestalt once they've shipped.

Design Systems Day 2023

Create education sessions to up-level design craft skills on all things design systems.

Right-to-left content guidelines

Include official guidelines / best practices on right-to-left content within Gestalt's docs.

Notification guidelines refresh

Implement updates and additions to our notification guidelines (currently known as messaging) to support new use cases and fill in missing topics.

Improved Figma component discoverability

Publish refinements to our Gestalt Figma libraries to make finding the desired component faster and less burdensome.

Figma component parity with Web codebase

Address naming / property gaps in our Figma Web library to better align with our Web component codebase.

Animation guidelines improvements

Provide greater fidelity and detail related to Gestalt's animation guidelines.

Popover stability improvements

Address the root causes related to number web Popover stability issues.

Pinterest Design Figma plugin experience improvements

Improve existing features in our Figma plugin to better support the day-to-day workflow of designers.

Pinterest Design Figma plugin color module

Provide more in-depth plugin support for creating accessible color combinations with Gestalt's color palette.

Gestalt mobile component documentation improvements

Enhance ouf mobile component documentation to improve clarity while streamlining the creation process.

Integration of educational content to Gestalt's documentation

Add all new / existing educational content to Gestalt's documentation to help design and engineering find educational content faster / easier.

Implementation of an external Gestalt contribution model

Build out the infrastructure and processes necessary to support an external contribution process from designers and engineers outside of Gestalt.

Support context logging within Gestalt components (Web)

Develop an API that supports logging functionality within Gestalt components.

Support data test ids within Gestalt components (Web)

Increment testing support across Gestalt components using data test ids.

R&D: Alternative Gestalt usage measurement

Explore the possibility to measure usage of Gestalt components through the lens of impressions.

Illustration component (Web)

Implementation of Gestalt's official illustrations in Web component form.

SideNavigation component enhancements (Web)

Improvements to the overall component, including: ability to collapse/expand the entire column, ability to collapse/expand sections and potential support for subtext, images and avatars

ActionBar component (Web)

Buildout of the new standard Pinterest mobile ActionBar component.

R&D: CSS Container queries within Gestalt Web components (Web)

Explore how to leverage CSS container queries for a more responsive Gestalt.

Mobile Sheet container component (Android)

Development of a mobile-specific treatment of the Sheet container component with respective documentation.

Mobile Sheet header component (Android)

Development of a mobile-specific treatment of the Sheet header component with respective documentation.

Mobile Table component, text only variant (Android)

Development of a mobile-specific treatment of the Table component's text-only variant along with respective documentation.

Mobile Table component, with image variant (Android)

Development of a mobile-specific treatment of the Table component's image/text variant along with respective documentation.

Mobile Table component, navigation variant (Android)

Development of a mobile-specific treatment of the Table component's navigation variant along with respective documentation.

Mobile Table component, selection variant (Android)

Development of a mobile-specific treatment of the Table component's selection variant along with respective documentation.

Mobile AvatarGroup component (Android)

Development of a mobile-specific treatment of the AvatarGroup component along with respective documentation.

Mobile Checkbox component (iOS)

Development of a mobile-specific treatment of the Checkbox component along with respective documentation.

Mobile Switch component (iOS)

Development of a mobile-specific treatment of the Switch component along with respective documentation.

Mobile Avatar component (iOS)

Development of a mobile-specific treatment of the Avatar component along with respective documentation.

Mobile Tabs component (iOS)

Development of a mobile-specific treatment of the Tabs component along with respective documentation.

Mobile Button component (iOS)

Development of a mobile-specific treatment of the Button component along with respective documentation.

Mobile Toast component (iOS)

Development of a mobile-specific treatment of the Toast component along with respective documentation.

Mobile IconButton component (iOS)

Development of a mobile-specific treatment of the IconButton component along with respective documentation.

Mobile SearchField component (iOS)

Development of a mobile-specific treatment of the SearchField component along with respective documentation.

Mobile TextField component (iOS)

Development of a mobile-specific treatment of the TextField component along with respective documentation.

Mobile TextArea component (iOS)

Development of a mobile-specific treatment of the TextArea component along with respective documentation.

Mobile ButtonGroup component (iOS)

Development of a mobile-specific treatment of the ButtonGroup component along with respective documentation.

Mobile IconButtonFloating component (iOS)

Development of a mobile-specific treatment of the IconButtonFloating component along with respective documentation.

Complete

Abandoned