Дизайн редакторов: WYSIWYG, код, документы, холсты

Примеры редакторских интерфейсов: WYSIWYG, редакторы кода, документы, визуальные холсты. Смотрите, как Notion, VS Code, Figma проектируют инструменты создания контента.

27 продуктов · 335 скриншотов

Подробнее о паттерне

Редактор — центральная часть многих продуктов, где пользователь создаёт контент. В подборке: блочные редакторы (Notion), rich-text с тулбаром, редакторы кода с подсветкой синтаксиса, canvas-редакторы (Figma, Miro), markdown-редакторы. Обратите внимание на тулбар (фиксированный vs floating), slash-команды, совместное редактирование, историю версий. Полезно при проектировании CMS, note-taking приложений и любых creative-инструментов.