Figma WYSIWYG Interface
Figma WYSIWYG 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 Component Structure:
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.
Figma Best Practices
Support for Figma auto-layout and Breakpoint Variables;
WYSIWYG component variants and properties;
Support for dark and light modes for the WYSIWYG UI.
File Format
Figma
File name
Rich Text Editor (WYSIWYG)
Features
Components & Variables
Size
3,1 MB
More Figma resources
Figma Forms Examples
figma forms
form examples
Figma Button Examples
figma buttons
buttons examples
Figma Pricing Template
figma pricing
pricing template
Figma iPhone Mockup
figma iphone 16
iphone mockup
Figma Tabs Template
ui tabs
tabs component
Super Basic Icons
ui icons
free icons
Emoji 1997 SVG Icons
emoji
free icons
Figma Colors Palette
ui colors
colors for web design
Free icons to copy and paste