Skip to main content

WYSIWYG

Design Processes

(What You See Is What You Get) Editors displaying content as it will appe

In practice

In content creation tools and web design, WYSIWYG (What You See Is What You Get) editors allow users to edit content in a visual interface, providing a real-time representation of how the content will appear to end-users. This approach simplifies the content creation process, making it more accessible for users who may not have extensive technical knowledge, as they can directly manipulate and visualize the final appearance of the content as they edit it.

Questions

What is WYSIWYG?

WYSIWYG describes an editor where the content is displayed as it will finally appear, rather than as markup or code.

Why do you use WYSIWYG?

It removes the translation step between editing and result, which makes publishing possible for people who do not write code.

How do you use/apply WYSIWYG?

Constrain what the editor allows to what the design system supports, or you get content that cannot be rendered consistently.

When do you use WYSIWYG?

In content management, email and document tools.

Who uses WYSIWYG?

Content editors and marketers; designed by product teams.

Noones app wallet screen in pixel-art green, Bitcoin super app by Alexis Bardini
Ash AI Pokedex open, showing bee recognition on screen

Not ready for your eyes

This site is not public yet. Enter your password to continue.

That is not it. Try again.