Что фрилансер делает в редакторе
У любого заказа одни и те же этапы: макет, показ, правки, сдача. Как собрать сайт по экранам, описано в гайде как сделать макет сайта.
Макет сайта
Фрейм «Desktop» 1440×1024 или шаблон «Сайт»: лендинг 1440 px на сетке из 12 колонок, уже связанный в прототип.
Мобильная версия
Пресеты «iPhone 16» 393×852 и «Android Compact» 412×917 рядом с десктопом, с теми же стилями и компонентами.
Кликабельный прототип
Связи между экранами во вкладке «Прототип». Заказчик с доступом к файлу запускает его кнопкой ▶ после входа в аккаунт.
Концепции на выбор
Шаблон «Презентация» с тремя слайдами 1920×1080 или фреймы «Слайд 16:9», которые выгружаются в векторный PDF.
Раунды правок
Комментарии (C) на фреймах и «Сохранить версию…» (⌥⌘S) после каждого раунда.
Сдача проекта
PDF для презентации, исходник .rdesign с картинками внутри и вкладка «Код» для верстальщика.
Как показать макет заказчику
Доступ к одному файлу выдаёт кнопка «Поделиться». Добавьте заказчика с правом «Может смотреть» или откройте «Доступ по ссылке». В любом варианте заказчику нужен вход в аккаунт Morfa: анонимного просмотра нет.
Письма пока не отправляются, поэтому ссылку на файл вы пересылаете сами, в мессенджере или почте. У заказчика файл будет лежать в разделе «Доступные мне». Роли и команды описаны на странице совместная работа.
| Доступ | Кто откроет файл | Комментарии | Правка слоёв |
|---|---|---|---|
| «Может смотреть» | Тот, кого вы добавили | Да | Нет |
| «Может редактировать» | Тот, кого вы добавили | Да | Да |
| «Все, у кого есть ссылка, — смотреть» | Любой, кто вошёл и открыл ссылку | Да | Нет |
| «Все, у кого есть ссылка, — редактировать» | Любой, кто вошёл и открыл ссылку | Да | Да |
Как собрать правки заказчика в комментариях
Заказчик с правом «Может смотреть» комментирует так же, как участник команды: клавиша C, щелчок по фрейму, текст. Метка крепится к фрейму и двигается вместе с ним, поэтому замечание не потеряется, если экраны переставить.
Упоминать через @ можно только участников команды, поэтому в личном файле переписка с заказчиком идёт без упоминаний. Своё обсуждение заказчик может отметить решённым сам, а любое обсуждение в вашем файле закрываете вы.
- Писем о новых комментариях нет: счётчик непрочитанных виден на карточке файла и во вкладке «Комментарии».
- Фильтры «Открытые» и «Решённые» показывают, что ещё не исправлено.
- «Скопировать ссылку» в обсуждении даёт адрес конкретного замечания: его удобно переслать заказчику вместе с ответом.
- «Отметить как решённое» закрывает правку, но обсуждение остаётся в списке «Решённые».
Версии на каждый раунд правок
Автоматические версии сервер сохраняет сам, не чаще раза в 10 минут работы. Именованную версию ставите вы: «Сохранить версию…» (⌥⌘S) принимает название и описание, например «Раунд 2: после созвона».
| Что | Бесплатный | Профессиональный |
|---|---|---|
| Автоматические версии | 30 дней | 365 дней |
| Именованные версии | До 200 на файл, без срока | До 200 на файл, без срока |
| Удалённые файлы в корзине | 30 дней | 365 дней |
Версии открываются через «История версий» в меню «Файл». В меню версии есть «Показать версию», «Восстановить эту версию», «Скопировать ссылку на версию» и «Создать копию файла». Копия пригодится, когда заказчик просит вернуть первую концепцию, но оставить и новую.
Презентация для заказчика в PDF
В векторном PDF текст остаётся настоящим: его можно выделить и найти, шрифты встроены, кириллица работает. Каждый экспортируемый фрейм становится страницей, в одном файле до 50 страниц. Все форматы описаны на странице экспорт.
Размер страницы считается так: 1 px равен 1 pt. Фрейм «Слайд 16:9» 1920×1080 даёт страницу того же размера в пунктах, а фрейм «A4» 595×842 — ровно лист A4.
- Тени и «Размытие слоя» превращаются в растр 300 dpi.
- «Размытие фона» в PDF не поддерживается.
- Цвета только в sRGB: CMYK и PDF/X нет.
Как сдать проект: исходник, PDF и код
Исходник отдают файлом: в файловом менеджере выберите «Сохранить на компьютер (.rdesign)». Картинки лежат внутри, размер файла — до 50 МБ. Заказчик открывает его в своём аккаунте через «Импорт» → «Открыть файл .rdesign…» и получает у себя новый файл.
Если проект лежит в команде, верстальщику дайте роль «Разработчик»: она бесплатна, не занимает место редактора и открывает вкладку «Код» и «Экспорт в React…». Гость с правом «Может смотреть» вкладку «Код» не видит. Что ещё проверить перед сдачей — в гайде передача макета разработчику.
Зафиксируйте финал
Сохраните версию с названием вроде «Сдано заказчику» (⌥⌘S).
Выгрузите презентацию
Выделите слайды или экраны и экспортируйте их в PDF (⇧⌘E).
Отдайте исходник
Сохраните копию в .rdesign и перешлите её заказчику, а себе оставьте как архив.
Закройте доступ
Уберите заказчика из «Поделиться», если дальше он работает со своей копией.
Сколько это стоит фрилансеру
План «Бесплатный» стоит 0 ₽ и не ограничен по сроку. Инструменты, экспорт, импорт из Figma и вкладка «Код» на нём те же, ограничены только 10 файлов (корзина не считается), 1 ГБ под картинки и 30 дней автоматической истории. В одном файле помещается до 200 страниц, поэтому проект заказчика удобно держать в одном файле.
План «Профессиональный» действует на личные файлы и стоит 990 ₽ в месяц за редактора или 790 ₽ в месяц при оплате за год (9 480 ₽): файлов без ограничений, 20 ГБ под картинки и 365 дней истории. Оплата в рублях через ЮKassa пока закрыта, и в карточке плана видно, если она ещё не открыта для вашего аккаунта.
Если оплаченный период закончится, «Профессиональный» действует ещё 7 дней, затем включается «Бесплатный». Файлы заказчиков не удаляются: они открываются, правятся и выгружаются, а новый файл можно создать, только пока файлов меньше 10.
Чего пока нет
Ограничения, о которых лучше знать до первого показа.
- Публичной ссылки без входа: любой доступ требует аккаунта.
- Писем: приглашения, ответы и упоминания видны только в редакторе.
- Оплаты по счёту для компаний.
- Веток: альтернативную концепцию держите на отдельной странице или в копии файла из версии.
- Приложений для телефона. Приложение для компьютера готовится к выпуску, а пока работайте в браузере.