Write Like Webex - Figma Plugin

Vibe-building

Role

Designer + Builder (vibe-coding)

Wirte Like Webex

A Figma plugin that rewrites UI copy to match Webex voice & tone—directly in the design workflow.

Problem

Webex design team lost our content designers
Copy inconsistencies caused late content review edits + layout rework
Designers needed a fast way to explore variants while respecting UI constraints

Despite being a substantial user group, accounting for nearly 30% of the entire buyer segment, hiring managers have historically faced challenges with SAP Fieldglass's interface.

The core issue lies in the system's navigational complexity and inefficacy in presenting relevant worker-related information. ‍

‘No easy way to use the app or understand where to go.’ - from a Fieldglass hiring manager user How could we make SAP Fieldglass more intuitive and efficient for hiring managers when managing external workers?

Despite being a substantial user group, accounting for nearly 30% of the entire buyer segment, hiring managers have historically faced challenges with SAP Fieldglass's interface.

The core issue lies in the system's navigational complexity and inefficacy in presenting relevant worker-related information. ‍

Despite being a substantial user group, accounting for nearly 30% of the entire buyer segment, hiring managers have historically faced challenges with SAP Fieldglass's interface.

The core issue lies in the system's navigational complexity and inefficacy in presenting relevant worker-related information. ‍

Despite being a substantial user group, accounting for nearly 30% of the entire buyer segment, hiring managers have historically faced challenges with SAP Fieldglass's interface.

The core issue lies in the system's navigational complexity and inefficacy in presenting relevant worker-related information. ‍

Solution

Select a text layer → choose intent/tone/audience → generate 2–3 variants → compare → apply

How I built it

Select a text layer → choose intent/tone/audience → generate 2–3 variants → compare → apply

How it works

Select a text layer → choose intent/tone/audience → generate 2–3 variants → compare → apply

CHAI 2.0

Webex Control Hub is the single pane of glass where IT administrators deploy, configure, and monitor the entire Webex Suite—Messaging, Meetings, Calling, and Contact Center.

Guideline system

50 PDFs → distilled into versioned guidelines-v1.json

Impacts

Adoption: 56 designers tried it

Learning

A structured guideline spec beats a “giant prompt” for consistency.
Vibe-coding works best when you define strong constraints before generating code.

Proposed a New Design Direction

Originally, the Leadership wanted to focus on Global Search and Worker Details page. However, the research shows we users don’t like the global search because the bad performance. And it will require a serious backend effort to improve the search result.

After regroup with the product manager and the developer, I proposed this new direction to the leadership, rethinking dashboard experience to solve the problem of navigation and efficiency. I was able to turn the ambiguity of the project to a more actionable and direction with more potential.