---
url: /docs/blog/posts/2025/design-08-18.md
---

Warp Figma Component Library updates

***

We’ve made several updates to the WARP Component Library in Figma to better align with implementation and improve usability.

## Toast

* Updated for consistency with web. You can now edit the text and toggle the close button from Figma’s right side panel.
* Set a min width of 328px and max of 420px for improved readability on wide viewports.
* Updated Figma component description with a link to the WARP Portal.
* Updated WARP Portal documentation - [Toast documentation](https://warp-ds.github.io/docs/components/toast/)

![One screenshot of the toast component in Figma and the new toolbar options to toggle the close button and input text. Another screenshot of the toast with the minimum width of 328px and the maximum width of 420px](/whats-new/2025/design-08-18-1.svg)

## Slider and Range slider

* Updated the Single slider and added a new Range slider.
* Improved accessibility with a text field and tooltip, along with a refreshed visual design.
* Deprecated the old version of the Single slider.
* Updated Figma component description with a link to the WARP Portal.
* Updated WARP Portal documentation - [Slider documentation](https://warp-ds.github.io/docs/components/slider/overview/) and [Range slider documentation](https://warp-ds.github.io/docs/components/range-slider/overview/)

![Figma screenshot of the Slider and Range slider component with input fields, both in light and dark mode](/whats-new/2025/design-08-18-2.svg)

## Link - documentation

* Updated Figma usage guidelines: how to apply Link as a style.
* Updated Figma component description with a link to the WARP Portal.
* WARP portal documentation is still a work in progress and will be updated soon.

![Figma screenshot displaying a snapshot of designers guidelines on how to use the link style in Figma](/whats-new/2025/design-08-18-3.svg)

As always, let us know if anything looks off or if you have feedback. Thanks!