BridgeBeta
  • Brand
  • Digital Assets
    Foundations
    Icons
    Components
    Templates
  • Resources
    Design Tokens
    How-tos
    Best Practices
    Libraries
    Accessibility
    Products List
  • Support
    • Overview
    • Build an Icon
    • Contributing Guidelines
    • Developing components
    • Favicons
    • Form Design
    • How to give feedback
    • How to write UX copy
    • Install UI-Kit
    • Migration
    • PWA 📱
    • Replaceable Components
    • Start Designing
    • Support RTL
    • Themes
    • Write documentation
How Tos

How-to

These guides will show you how to design for different platforms and experiences.

Provide practical, step-by-step instructions for using the various components, patterns, and tools within the system. The primary goal is to ensure that designers, developers, and other stakeholders can efficiently and consistently implement the design system’s elements in their projects.

Key Objectives:

  • Facilitate Consistency: Ensure that the design and implementation across different projects remain consistent by providing clear, detailed guidance on how to use the components and patterns.

  • Increase Efficiency: Help users quickly find and apply the components they need, reducing the time spent on figuring out how to implement design system elements.

  • Improve Usability: Make the design system accessible and easy to use for both novice and experienced users by offering clear, concise, and actionable instructions.

  • Promote Best Practices: Encourage the adoption of best practices in design and development, ensuring that the implementation aligns with the intended design and functionality.


Essentials

Some of the main tools we use to design digital experiences

Install UI-Kit
Write UX copy
Start Designing
Support RLT
Write documentation
Generate favicons
Storybook
Figma library
Contact us
2025 © World Food Programme