Skip to content

0 ‐ FAQ (Frequently Asked Questions)

Jump to bottom
Pierre-Yves Lapersonne edited this page Mar 26, 2026 · 49 revisions

What is OUDS?

OUDS means "Orange Unified Design System". This is a new design system, again, but unified, trying to merge all requirements of Orange brands and affiliates so as to provide a unique design system, unified across all platforms and for all countries, companies, users and apps. Guidelines for TV, Android, iOS and web environments will be merged in a "cohesive" approach, and any Orange-related softwares including brand apps like Parnasse and Sosh, Orange Innovation Cup apps and Orange countries and affiliates apps will have to use this project in the future.

The project is open source and topics like accessibility and ecodesign are also managed.

For which platform OUDS is available?

Today OUDS provides libraries for:

Which themes are provided?

The available themes are:

You can get more details about API availability here.

Which components are provided?

Refer to this page on the wiki to have the list or also the Swift documentation.

You can get more details about API availability here.

What are the design system specifications?

All specifications are defined in Figma, used by the design team, even if we struggle to have well defined issues on GitHub for transparency and comfort of use. Do not expect to have much details here, sadly. You can find plenty of details in the official website at unified-design-system.orange.com.

Why OUDS is under MIT license?

To allow Orange subcontractors and affiliates, and also countries instances in fact, to use the OUDS products, it was necessary to provide the source code under an open source license to avoid recharging or billing troubles within distinct juridical entities. MIT was enough permissive and understandable, so has been used. For legal reasons, it was not possible to keep internally the source code and give it to affiliates and subcontractors for free. For the same reasons, no inner source license was applied, nor common source process.

Will OUDS in open source increase the risk of hijacks or cyberattacks?

No, definitively not. There are famous design systems wild, you can find the one of AWS and Vitamin from Decathlon. You can find more examples elsewhere. Hackers do not need or want to learn a new framework or use our documentation to crate phishing campaigns and copycats of apps. Nowadays tools can extract resources from web sites and apps. But if you are an hacker, feel free to provide contributions to improve our product 👀

OUDS is not ODS?

ODS means "Orange Design System". It was an attempt to define whole new design system but for Orange affiliates and countries in AMEA and Europe areas. It provides components and themes for Android, iOS and Flutter apps and web projects. But because this design system did not embed the One-I system of Orange France, the project has been delayed, almost considered as unmaintained with two years of work and efforts wasted.

What is "tokenator" 🤖?

tokenator is a name given to an internal project based on amzn/style-dictionary (under Apache 2.0 license), with a lot of customizations, which will convert JSON files generated by Figma to Kotlin, Swift and Web objects for the own needs of the OUDS librairies ; that is the reason why there is no interest in publishing it in open source, it remains internal. The tool provides modifications using pull requests and a dedicated GitHub account. You can find tokenator contributions by filtering the Git history.

How are integrated tokenator, zeroheight and Figma?

Here is a simple chart explaining how things are defined in Figma side so as to be in the end integrated in the Swift codebase.

flowchart TD
%% Nodes
    A("Tokens and components are defined in Figma")
    B("zeroheight exposes the implementation through JSON")
    C("Tokenator (based on style-dictionary) converts JSON to Swift code")
    D("Swift code is publicly submitted on GitHub with pull requests")

%% Edge connections between nodes
    A --> B --> C --> D

%% Individual node styling.
    %% Purple
    style A color:#FFFFFF, fill:#AA00FF, stroke:#AA00FF
    %% Blue
    style B color:#FFFFFF, stroke:#2962FF, fill:#2962FF
    %% Green
    style C color:#FFFFFF, stroke:#00C853, fill:#00C853
    %% Red
    style D color:#FFFFFF, stroke:#FF1600, fill:#FF1600
Loading

How many tokens and components OUDS iOS provides?

With version 1.3.0 we provide:

  • 2,023 tokens (342 core raw tokens, 79 Orange brand raw tokens, 50 Sosh brand raw tokens, 139 Wireframe brand raw tokens, 1,041 core semantic tokens, 372 core component tokens)
  • 34 components and variants

You can use the Python script in scripts folder to compute the number of tokens and components:

cd scripts
./count-ouds-ios-tokens.py

Clone this wiki locally