• Можно ли в Figma создавать стили текста?

    e_panchishen
    @e_panchishen
    Веб-дизайнер
    Теперь то уже есть. И это круто.
    Это на случай, если кто не знает о последнем апдейте.
    Ответ написан
    4 комментария
  • Как компактно задизайнить вертикальную навигацию, если сетка не позволяет?

    e_panchishen
    @e_panchishen
    Веб-дизайнер
    После разговоров с разработчиком пришел к выводу, что макеты с такой разметкой (сайдбар + контентная часть) лучше делать так: сайдбар не входит в сетку, а контентная часть разбивается на 12 колонок (или 8, 6, 4 в зависимости от ширины устройства под который делается макет). Тогда все становится логично. Сайдбар не «съедает» ни одной колонки и может быть любого размера, а контентная часть живет своей разметкой.

    Личный пример

    5b0b944e2cf44373582280.png

    Надеюсь, что правильно понял суть вопроса.
    Ответ написан
    Комментировать
  • В какой программе/сервисе делать дизайн сайта/приложения?

    e_panchishen
    @e_panchishen
    Веб-дизайнер
    Перешел на Figma. Удобная, простая, легкая программа. После монстра Фотошопа «как гора с плеч». Основное назначение — разработка дизайна сайтов, приложений, веб-сервисов.

    Плюсы
    • бесплатна! (есть платные тарифы, но бесплатной версии для фрилансера или небольшой команды хватает вполне)
    • есть версии для всех популярных ОС
    • есть все необходимые инструменты для дизайна сайта/приложения/презентации/баннеров и пр.
    • компоненты и все что связанно с ними (тема большая и отдельная)
    • файлы макетов занимают минимум места
    • работает практически без вылетов
    • можно делать макет прямо в браузере
    • настройка сеток просто сказка
    • десктопная версия может работать без доступа к интернет
    • облегчает работу верстальщику — показывает отступы, размеры шрифтов, цвета css-код, код для Андроид и iOS разработки. Почти вся эта информация в одном сайдбаре, не нужно использовать всякие инструменты типа пипетки, открывать разные панели
    • встроенные простые инструменты для прототипирования

    Плюсов гораздо больше, все давно описаны и легко гуглятся если копать в сторону Фигмы.

    Минусы (субъективно и если придираться)
    • Прототипирование в Figma очень простое, все переходы возможны только между отдельными фреймами. Нет переходов по якорям, окрытия отдельных попапов и пр. (как в Invision, к примеру)
    • Нет инструментов для анимации интерфейсов (ну это был бы вообще мегакомбайн)
    • нельзя сделать коллаж, сделать полноценный цветокор изображения и пр., что можно сделать в фотошопе (для этого он и нужен)


    Разработчики работают на программой и я думаю, что в ней появится еще много чего. В общем, рекомендую её.
    Ответ написан
    Комментировать