Ответы пользователя по тегу Дизайн
  • Как нарисовать круговые диаграммы в Figma?

    NewWingsAsya
    @NewWingsAsya
    Веб-дизайн, интерфейсы и бренд-айдентика.
    Создание круговых диаграмм в Figma по шагам:
    1. Создаем круг/Ellipse и наводим на него курсор, справа появится точка старта разрыва инструмента Arc для изменения длины окружности.
    2. Потяните за эту точку и задайте нужную длину окружности, что удобно, она считается в процентах, поэтому если нужен кусок диаграммы в 40% вы выставляете это же значение при изменении длины
    3. Чтобы сделать отверстие в центре круга, потяните за точку в центре круга/параметр Ratio изменяет толщину отверстия в круге
    4. Чтобы повернуть окружность, потяните за точку старта/Start, его направляющая отмечена дополнительной точкой внутри, и измените угол поворота окружности

    5fbc6b44271fe864278620.gif
    Ответ написан
    Комментировать
  • Как в Figma дать клиенту ссылку на макет - без необходимости ему авторизироваться в проге?

    NewWingsAsya
    @NewWingsAsya
    Веб-дизайн, интерфейсы и бренд-айдентика.
    Чтобы клиент мог оценить дизайн лучше скидывать ему ссылку на просмотр прототипа.
    Отправляем клиенту ссылку на макет по шагам:
    1. Включить предпросмотр/present в правом верхнем углу
    2. В режиме предпросмотра нажать кнопку Поделиться прототипом/Share Prototype
    3. Выбрать настройки шаринга: Anyone with the link – can view
    4. Нажать на кнопку Copy link – появится снизу сообщение что ссылка скопирована. Эту ссылку отправляете клиенту.
    5. Перейдя по ссылке в браузере клиент увидит ваш дизайн.

    5fabae63ed706895699197.gif
    Ответ написан
    Комментировать
  • Как сделать сетку в Figma?

    NewWingsAsya
    @NewWingsAsya
    Веб-дизайн, интерфейсы и бренд-айдентика.
    Как сделать сетку в Figma по шагам:
    1. Выделяешь нужный артборд
    2. На панели справа в блоке Layout Grid нажимаешь "+", появляется сетка
    3. Нажимаешь на иконку добавленной сетки и заходишь в настройку параметров сетки
    4. Выбираешь тип сетки "колонки/columns", выравнивание сетки/type по центру/centre
    5. Задаешь количество колонок/count, их ширину/width и отступ между ними/gutter. Например я собрала сетку Tilda: 12 колонок, ширина колонки 60px, отступ между колонками 40px

    5faba67cdcb55233807222.gif
    Ответ написан
    Комментировать