Библиотека компонентов

При создании многостраничного сайта повторяющиеся элементы — шапка, подвал, блоки с контактами — должны выглядеть одинаково на каждой странице. Чтобы не создавать их заново каждый раз, Framix предлагает библиотеку компонентов и буфер обмена между страницами.

Что такое компонент

Компонент — это сохранённая секция или набор блоков, которые вы можете вставить на любую страницу любого проекта в один клик. Компоненты привязаны к вашему аккаунту и доступны везде, где вы работаете.

Два типа компонентов

Как сохранить компонент

Сохранить секцию

Способ 1 — через контекстное меню в дереве структуры:

1. Откройте вкладку Структура (вторая иконка в левой панели)
2. Нажмите правой кнопкой мыши на нужную секцию
3. Выберите «Сохранить как компонент»
4. Введите название, при желании выберите папку
5. Нажмите «Сохранить»

Способ 2 — через кнопку на канвасе:

1. Кликните на секцию, чтобы выбрать её
2. Раскройте панель действий секции (кнопка слева от секции)
3. Нажмите кнопку с иконкой пазла
4. Введите название и сохраните

Сохранить блок

1. Выберите один или несколько блоков на канвасе
2. Нажмите правой кнопкой мыши
3. Выберите «Сохранить как компонент»
4. Введите название и сохраните

Также можно сохранить блок через контекстное меню в дереве структуры (правый клик на блоке → «Сохранить как компонент»).

При сохранении нескольких выделенных блоков они сохраняются как один компонент и вставляются все вместе.

Как вставить компонент

1. Откройте вкладку Мои компоненты (иконка пазла в левой панели)
2. Найдите нужный компонент в списке или в папке
3. Кликните на него — компонент будет вставлен:
   • Секция — добавляется в конец страницы как новая секция
   • Блоки — добавляются в текущую выбранную секцию

При каждой вставке все элементы получают новые идентификаторы, поэтому изменения в одной копии не затронут другие.

Папки

Компоненты можно организовать в папки для удобной навигации.

Создать папку

Нажмите кнопку «Папка» в верхней части вкладки «Мои компоненты». Введите название и подтвердите.

Переместить компонент в папку

Перетаскиванием: захватите компонент и перетащите его на нужную папку.

Через контекстное меню: нажмите правой кнопкой мыши на компонент → «Переместить в папку» → выберите папку.

Убрать компонент из папки

Правая кнопка мыши на компонент → «Убрать из папки». Компонент переместится в корень списка.

Также можно перетащить компонент из папки в область «Без папки» внизу списка.

Управление папками

• Переименовать — правый клик на папку → «Переименовать»
• Удалить — правый клик на папку → «Удалить папку». Все компоненты из папки переместятся в корень, сами компоненты не удаляются.
• Свернуть/развернуть — кликните на папку, чтобы показать или скрыть её содержимое

Буфер обмена между страницами

Помимо библиотеки компонентов, в Framix есть буфер обмена, который сохраняется при переходе между страницами.

Копирование секции

1. В дереве структуры нажмите правой кнопкой мыши на секцию
2. Выберите «Скопировать в буфер»
3. Перейдите на другую страницу
4. Нажмите Ctrl+V — секция со всеми блоками будет вставлена

Или: выберите секцию на канвасе (кликните на неё, не на блок) и нажмите Ctrl+C.

Копирование блоков

1. Выберите один или несколько блоков
2. Нажмите Ctrl+C (или правая кнопка мыши → «Копировать»)
3. Перейдите на другую страницу
4. Нажмите Ctrl+V

Буфер обмена сохраняется на время сессии. Если закроете вкладку браузера, содержимое буфера будет потеряно. Для долгосрочного хранения используйте библиотеку компонентов.

Управление компонентами

Советы

• Сохраните шапку и подвал сайта как компоненты — вставляйте их на каждую новую страницу в один клик
• Давайте компонентам понятные названия: «Шапка сайта», «Подвал с контактами», «Блок отзывов»
• Создайте папки по типам: «Навигация», «Контент», «Формы», «Футеры»
• Компоненты доступны во всех ваших проектах — соберите свой UI-кит из готовых элементов
• Для быстрого копирования между соседними страницами используйте буфер обмена (Ctrl+C → Ctrl+V), для долгосрочного хранения — библиотеку