plasmicapp/plasmic

Что это?

Ключевые возможности

• 01Перетаскивайте собственные React-компоненты в визуальный редактор.
• 02Публикуйте страницы, созданные в визуальном редакторе, в существующих приложениях и на сайтах.
• 03Генерируйте React-код в кодовую базу с помощью codegen.
• 04Headless API для получения контента и компонентов во время выполнения.
• 05Встроенные компоненты дизайн-системы на базе react-aria.
• 06Импортируйте макеты из Figma и преобразуйте их в DOM/CSS.
• 07Режим создания контента с ограничениями дизайна для участников проекта.

Сценарии использования

• Маркетинговые команды создают лендинги для сайта на Next.js из утверждённых React-компонентов.
• Создание внутренних инструментов, клиентских порталов и бизнес-приложений с помощью визуального редактора.
• Добавление слоя визуальной CMS в существующую кодовую базу React без переноса хостинга или платформы электронной коммерции.

Быстрый старт

1. 1

   Установите пакет Plasmic loader для вашего фреймворка (пример с Next.js)

   npm install @plasmicapp/loader-nextjs
2. 2

   Зарегистрируйте собственные React-компоненты, чтобы перетаскивать их в визуальном редакторе

3. 3

   Рендерите созданные в Plasmic компоненты в приложении с помощью PlasmicComponent внутри PlasmicRootProvider

Что важно знать

• !На каталог platform/ распространяется лицензия AGPL, а не MIT.
• !Для полной интеграции с кодовой базой необходимо выполнить настройку для конкретного фреймворка, описанную в документации.

Темы

Частые вопросы

Что такое plasmic?

Визуальный конструктор с открытым исходным кодом: собирайте приложения и сайты прямо в кодовой базе, перетаскивая собственные React-компоненты. Plasmic — визуальный конструктор для веба, который позволяет проектировать и создавать приложения и сайты, при желании обходясь без кода. Среди основных сценариев использования — создание маркетинговыми командами лендингов из React-компонентов для сайта на Next.js, разработка внутренних инструментов и клиентских порталов, а также создание сайтов без привязки к конкретной CMS, платформе электронной коммерции или хостингу.

plasmic можно использовать бесплатно? Какая у него лицензия?

plasmic распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

plasmic всё ещё поддерживается?

Активно поддерживается. Последний коммит в plasmic — 21 окт. 2026 г..

Для чего можно использовать plasmic?

Маркетинговые команды создают лендинги для сайта на Next.js из утверждённых React-компонентов. Создание внутренних инструментов, клиентских порталов и бизнес-приложений с помощью визуального редактора. Добавление слоя визуальной CMS в существующую кодовую базу React без переноса хостинга или платформы электронной коммерции.

Как установить plasmic?

Установите пакет Plasmic loader для вашего фреймворка (пример с Next.js): npm install @plasmicapp/loader-nextjs Зарегистрируйте собственные React-компоненты, чтобы перетаскивать их в визуальном редакторе Рендерите созданные в Plasmic компоненты в приложении с помощью PlasmicComponent внутри PlasmicRootProvider

Где скачать plasmic?

Исходный код и инструкции по установке — на GitHub: https://github.com/plasmicapp/plasmic