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.
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.
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.