Designer FAQ
Which system to use and where to find resources.
WFP Design System is still evolving, and both documentation and design resources have gaps.
This page is meant to answer the questions we hear most often from designers.
Last updated: July 2026.
Introduction
Slides → WFP Design System: Introduction
Which design system should I use?
| Design system | Status | When to use |
|---|---|---|
| WFP Design System | ✅ Active | Use for new work |
| WFP Bridge | ⚠️ Maintenance mode | Use only for legacy projects |
More details → Design systems comparison
Source of truth
When designing with WFP Design System, the code components are the source of truth.
| Resource | Status |
|---|---|
| Code components | ✅ Source of truth |
| Figma components | ⚠️ Work in progress, lagging behind code |
If Figma and code disagree, trust the code.
We're working on updating the Figma library so it better reflects the code components.
Figma libraries
The Figma component library is incomplete and significantly out of sync with the code. We plan to update the Figma library to better match the code components.
Request access to the WFP Design System Figma project. For assistance, reach out via the contact page.
2 separate Figma libraries:
| Library | Notes |
|---|---|
| 🚧 WFP Design System: Components | based on shadcn/ui |
| WFP Design System: Icons | icons from Lucide |
Helpful resources
We do not yet have many ready-made templates. In the meantime, these may help:
| Resource | Description |
|---|---|
| Demo app | A simple example of the design system in use |
| SCIPS migration presentation | A recent walkthrough of migrating an application to WFP Design System |
Questions?
If something is missing or unclear, reach out via the contact page.