Skip to main content
Feedlike
January 14, 2021
Question

Добро пожаловать на форум (RU)

  • January 14, 2021
  • 513 replies
  • 68967 views

Всех приветствую! Открываем топик для общения на русском языке. Пишите свои вопросы, пожелания, идеи.

Официальное сообщество в России Figma Moscow
Телеграм канал с анонсом всех новостей

Мероприятия, которые будут по Figma, параллельно официальному сообществу буду анонсировать тут: Мероприятия по теме Figma (RU)

    This topic has been closed for replies.

    513 replies

    Ilay_Zen
    February 17, 2021

    Добрый день.
    Пользуюсь Figma недавно
    Помогите пожалуйста разобраться с небольшой проблемой при работе с группировкой, раз группировкой всех элементов во Frame или отдельной каждой группы.
    Создал таблицу, с текстами, линиями, иконками. Захотелось перетащить всю группу разом, далее сгруппировал кнопкой компоненты - Craete component (или ctrl + alt+ K), после чего стал вносить изменения, и после определенного объема работы, понял, что прежде чем вносить изменения в таблицу нужно было разгруппировать. Сейчас у меня сгруппированная таблица с внесенными изменениями, которые не хотелось бы вносить с самого начала, а разгруппировать компоненты не получается.

    1. Как разгруппировать компонент ?

    Кроме этого такая же ситуация с группировкой элементов в группах - как сгруппировать знаю ctrl + alt+ G, а как разгруппировать после внесенных элементов не знаю.
    2. Как разгруппировать элементы ?


    Ещё один вопрос про группировку ячеек таблицы и элементов растяжения их курсором.
    Когда я начинаю менять размер ячеек растягивая курсором таблицу, изменение сгруппированных элементов происходит не равномерно, например: съезжает цвет ячеек, сдвигается и расходятся в разные стороны линии обрамляющие ячейки, а также текст в ячейках также деформируется.
    3. Скажите пжл, как правильно нужно сгруппировать элементы, что бы они равно мерно менялись в размерах ?

    tank666
    February 17, 2021
    1. Компоненты используются не для временной группировки. Компонент — это элемент дизайна, который можно использовать повторно. При внесении изменений в мастер-компонент (главный), эти изменения отобразятся и в его копиях (instances). Подробнее: https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-Components-in-Figma
      Чтобы компонент перестал быть компонентом, нужно создать его копию и воспользоваться функцией «Detach instance», и можно удалить мастер-компонент. Или воспользоваться плагином Detach Master.

    2. В Figma есть фреймы и группы. Подробнее здесь: https://help.figma.com/hc/en-us/articles/360039832054-Frames-and-Groups
      Чтобы расгруппировать, нужно воспользоваться функцией «Ungroup» (Ctrl + Shift + G).

    3. Чтобы элементы дизайна изменяли свои свойства (размер, местоположение), нужно каждому из элементов назначить привязки (они же ограничения) (constraints). Подробнее: https://help.figma.com/hc/en-us/articles/360039957734-Apply-Constraints-to-define-how-layers-resize

    В заключение:
    Посмотри видео-уроки, почитай книги и справку по Figma. На многие вопросы уже есть развёрнутые ответы.

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    Ilay_Zen
    February 18, 2021

    Tank666 благодарю за ответ

    katy
    February 20, 2021

    Где можно задать свой вопрос? Разделы здесь есть?

    Feedlike
    FeedlikeAuthor
    February 20, 2021

    можете тут задать!

    katy
    February 20, 2021

    Здравствуйте, сейчас изучаю фигма и столкнулось с такой проблемой у меня несколько компонентов два из них были созданы дубликаты. Первый – это кнопки с надписями которые можно менять, вторая это иконка её тоже можно менять, иконки были прикреплен к одной кнопке компоненту, т.е. задумка такая все кнопки обычные, кроме одной, когда её выбираешь, то там так же можно поменять, три иконки, корзина, перо и шестеренку. Вот в чем проблема, когда я хочу сделать изменения с кнопками, то почему, то там присутствуют дополнительные иконки и кнопки можно поменять на иконки пример на картинки.
    Два дубликата компонентов отмечены стрелками, а справа во вкладке Design можно заметить как выбор происходит из общей кучи кнопки и иконки, хотя должно быть раздельно (кнопки отдельно, иконки отдельно).


    Тоже самое касается иконок, когда их хочу поменять, то там можно так же подставить и основные кнопки. Можно как-то разделить кнопки, чтобы отдельно подбирались, когда выпадала кнопка с иконками, то при выборе иконок, там кнопки не встречались? Надеюсь понятно объяснила суть проблемы.

    tank666
    February 20, 2021

    Если я правильно понимаю, то ты хочешь создать иерархию для иконок. Измени название компонента иконки на «Имя папки/Название иконки». Т.е. укажи свою иерархию через косую черту. Например, должно выглядеть так: «icon/basket».

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    katy
    February 20, 2021

    Спасибо, теперь все, работает как надо вот результат.


    У меня такой вопрос как можно использовать мои компаненты, чтобы наладить связи, и сделать переход на другую страницу?

    tank666
    February 20, 2021

    Под другой страницей ты имеешь ввиду макет (фрейм)? Открой вкладку «Prototype» и настрой соединения.

    https://help.figma.com/hc/en-us/articles/360040315773-Prototype-interactions-and-animations

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    katy
    February 21, 2021

    Понятно. Я научилась делать группировку слоев, но вот в интернете встречала, авторов которые предлагают помимо группировки, научиться делать “упорядочивание”. Вот примерно список всему тому, чему обещает научить автор. Взято с одного сайта.
    Screenshot
    Что такое упорядочивание слоев и как его правильно делать?