Михаил Проскурин

Работал параллельно с одним дизайнером, над одним проектом. Он работа в Скетче, я на Фигме, он мне присылал свои исходники, я свободно их открывал. Были минимальные баги, но решались они в один - два клика.

Фигма открывает Скетч достаточно качественно.

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



На картинке задана позицию Left - Top, это означает что объект всегда будет привязан к верхнему левому углу.

Было бы круто, если бы это был гугл хром... на скриншоте где вы выделили, никаких теней нет, просто белый свет.

У вас проблемы с монитором, попробуйте поменять шнур HDMI/VGA, хотя скорее всего дело в матрице.

Все фотостоки заполнены таким эффектом: https://ru.depositphotos.com/18702551/stock-illust...

Сомневаюсь что есть панацея, как сделать этот эффект в пару кликов. В свое время я делал с помощью вектора, сейчас же использую готовые текстуры. Дело в том, что уникальность таких текстур не будет заметна, поэтому можно использовать что-то готовое по тегу "Абстрактные геометрические белый фон"

Ну или вот так - выбор больше

Потом соответственно менять цвет под нужный.

У Figma есть очень хороший и простой инструмент для разработчиков, оттуда они могут экспортировать картинки, работать с вектором, смотреть стили CSS и вполне комфортно делать верстку. Изучать ему ничего не надо, нужно просто скинуть ему ссылку на макет.

Также объясните ему, что специальный инструмент для создание стилей (Шрифтов, цветов), избавит его от бессмысленной рутины, где в каждом блоке разные размеры шрифтов (эту ошибку часто допускают пользователи фотошопа.)

UPD:
Ответ для тех, кто не понимает, почему Фигма лучше фотошопа:

1. Командная работа
2. Работа со стилями, можно сразу разработать стили заголовков и цветов.
3. Удобная работа с компонентами (в фотошопе ее вовсе нет).
4. Позиционирование объектов, за счет этого, удобная адаптация под разные экраны (не путать с адаптацией под мобильники).
5. Облачное хранилище, удобная библиотека файлов.
6. Возможно продемонстрировать макет заказчику без сохранения PNG, JPG файлов (кидаешь просто ссылку на прототип)
7. Интерактивные прототипы, с базовой анимацией, с возможностью привязать ссылки к кнопкам.
8. История действий, которая сохраняется на 30 дней.
9. Удобнейшая работа с вектором, в отличие от фотошопа.
10. Возможность импорта и экспорта SVG вектора, с возможностью его редактировать.
11. Система Фреймов, позволяющая на одном листе создать несколько рабочих областей, что позволяет выводить всякие UI элементы в отдельный Frame, точно также с адаптацией.
12. Система страниц, позволяющая не разделять каждую отдельную страницу, в отдельный файл. Разработка нормального портала на фотошоп, занимает порядка 40 - 50 PSD файлов.
13. Общая система компонентов для всего проекта, возможность превратить дизай-систему в конструктор.
14. Возможность зайти в библиотеку с любого компьютера, и продолжить работу.
15. Отзывчивость разработчиков, баг-репорт каждую среду.

Самый верный способ узнать, это зайти в профиль средненького автора, посмотреть кол-во его покупок и вычесть среднюю сумму каждого его шаблона, и умножить цену на кол-во покупок.

Насколько мне известно, есть иллюстраторы которые на стоках получают 20к рублей, а есть те кто получают 200к рублей, а есть те кто вообще никаких прибыли не имеют. Тоже самое и с шаблонами на themeforest или других площадках. Все зависит от того, взлетит ли ваш товар среди выбранной аудитории или нет.

Очень короткий список, но очень полезный:

1. Axure - основной инструмент для разработки прототипов, иногда заменяет драгоценный блокнот.
2. Figma - для полноценной реализации того, что сделал в Axure, грубо говоря делать дизайны - там.
3. Adobe Photoshop - каждый раз когда нужно поработать с растровой графикой - иду туда, и импортирую позже в Фигму.
4. Adobe Illustrator - когда не хватает стандартных инструментов Figma для векторной графикой (а такое бывает не часто), открываю Иллюстратора.
5. Ну и конечно же, для вдохновения Behance, Дрибл и Themeforest.

Есть аналоги Figma, это Adobe XD и Скетч, но тут на вкус и цвет.

Веб разработка + дизайн, очень плохая идея. Мало того, что там и там вам нужно постоянно подпитывать новую информацию, так еще, там и там нужен очень глубокий опыт. Эти профессии не зря разделяют, и лучше не делать то и другое одному человеку.

Для меня главный аргумент между Фигмой и Скетчем - кроссплатформенность и работа на облаке, я в любом месте, на любом устройстве, в любое время могу открыть свои исходники и продолжить работу. Я могу передать исходники любом дизайнеру, на любом устройстве. Я могу предоставить доступ заказчику, чтобы он смог прямо в браузере, отредактировать макет и предложить свою идею. А еще, я могу отдать свой проект совершенно любому программисту, и у него прямо в браузере будет удобный инструмент для верстки, и ему не придется мучатся с поиском инструмента для верстки из скетча.

У меня все)

Нет, Figma не поддерживает английский язык, но там он и не нужен... основной акцент сделан на интерфейс, почти весь функционал отображен иконками, кроме дополнительного меню.

В Figma очень мало сложных функций, все есть на виду, поэтому проблем в освоении быть не должно, особенно если вы уже до этого работали с любых графическим редактором.

Avacode - заменит любой фотошоп и упросит верстку.

Не нажали ли Вы случайно на обводу? prntscr.com/jxkt4

Это единственное что в Adobe XD может сделать шрифт сразу жирным. Следующий вариант - вы скачали неправильный шрифт. Сейчас установил точно такой же, у меня он отображается нормально.