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

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

50 продуктов · 10,303 скриншотов

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

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

Adobe Express

Graphic design, editor & maker

Biosites

Share your online world in one link

Coda

The doc for everyone, meet the evolution of docs

Figma

The collaborative interface design tool

Framer

Where teams design and publish stunning sites

Krea AI

Delightful creative tools with AI inside

Lovable

Build apps & websites with AI

Midjourney

Text to image AI

Pitch

Presentation software for fast-moving teams

Readymag

Design, prototype, collaborate, publish

Rive

Build interactive animations that run anywhere

Riverside

HD podcast & video software

Slite

AI-powered knowledge base

Spline

Design tool for 3D web browser experiences

Strut

The all-in-one AI workspace for writing

Tines

The smart, secure workflow builder

Typeform

Typeform — платформа для создания интерактивных форм и опросов с высоким уровнем вовлечённости. Формы отображают по одному вопросу за раз, что делает заполнение похожим на разговор.