Warp Design System

Appearance

Warp Figma Component Library updates

We just published some Figma Component Library Updates. All of these changes are also published and available in code.

Component updates ​

Button ​

  • Added the ability to have a trailing icon
  • Now button has both “Leading” and “Trailing” icon props to turn on/off these icons

Figma screenshot displaying button examples and the tool option to toggle trailing icons on and off

Tooltip ​

  • Added a “No arrow” variant
  • Renamed “Pointer” property to “Arrow” to align with code
  • The “No arrow” variant is something that we’re using in a revamped Slider which is coming soon.

Figma screenshot displaying a Tooltip example, the property renaming from "Pointer" to "Arrow" and option to select a "No arrow" Tooltip component variant

Bugfixes ​

We’ve also done a lot of bug fixing based on feedback or things we’ve found along the way that needed fixing.

Icon updates ​

New icons ​

  • CarRight
  • CarLeft
  • PlaneTakeOff
  • PlaneLead
  • DragDots

Updated icons (visual adjustmenets) ​

  • Like
  • Dislike

Figma screenshot displaying the new and updates icons

Icon bux fixes ​

We’ve made numerous bug fixes to icons that needed immediate attention, but, we’re currently working on changing our whole icon library, so priority is on that at the moment.