Figma WYSIWYG Interface
Responsive WYSIWYG & text editor UI kit
The WYSIWYG, or 'What You See Is What You Get,' is an interface component that displays content as it will appear when published online from the text editor interface. It is commonly used to publish articles, post, and create text-based content.
The WYSIWYG Figma component set consists of:
The content zone you can use to add and edit text content
Top menu bar with app commands
A responsive toolbar with most common commands for text modification
A WYSIWYG footer to display document information and additional commands
WYSIWYG editor features:
Support for Figma auto-layout and Breakpoint variables
WYSIWYG component variants and properties
Support for dark and light modes for the WYSIWYG UI
Format
Figma
File name
Rich Text Editor (WYSIWYG)
Features
Responsive design, Variables
Size
3,1 MB
More design resources
Consume great components
— produce great results
Frames X UI Kits help you effortlessly create and manage multiple projects and brands. With pre-built techniques, components, and templates, you'll be able to take on bigger, more profitable projects.