WYSIWYG Rich Text Editor | Frames X UI Kit

The WYSIWYG editor Figma UI kit

The WYSIWYG, or 'What You See Is What You Get,' is an interface that displays content as it will appear when published online from a text editor. Our WYSWYG UI Kit helps to build text editor interfaces in Figma, and it includes the following features:

• Fully responsive text editor design using variables
• Figma components and variants
• Support for dark and light modes

Frames X WYSWYG UI Kit lets you style text and insert elements into a flexible, stackable Figma layout. It features:

• A top menu bar for selecting commands,
• A toolbar with quick-access formatting actions,
• A content area with a resizable footer for adjusting component height.
• A footer with document information and resizing controls.

  

Tip: You can toggle Variable Modes, select the Playground frame, and use the Appearance section in the right sidebar.

--

Credits: framesxdesign.com

Licensed under CC BY 4.0