По порядку Middle Figma на практике обновлено
Порядок сборки компонента
Вопрос
Расставьте шаги создания компонента кнопки в Figma в разумном порядке.
Попробуйте сами
Расставьте шаги по порядку стрелками.
- 1Описать использование и опубликовать в библиотеку
- 2Превратить её в компонент
- 3Собрать базовую кнопку на автолэйауте с переменными
- 4Добавить варианты: тип, размер, состояние
- 5Определить анатомию, размеры и состояния
- 6Добавить свойства: текст, иконка (boolean и instance swap)
Показать ответ и разбор
Коротко
Сначала решение, потом конструкция: автолэйаут и переменные внутри, затем компонент, варианты для измерений и свойства для мелких переключателей. Публикация без описания порождает неправильное использование.
Правильный порядок
- 1Определить анатомию, размеры и состояния
- 2Собрать базовую кнопку на автолэйауте с переменными
- 3Превратить её в компонент
- 4Добавить варианты: тип, размер, состояние
- 5Добавить свойства: текст, иконка (boolean и instance swap)
- 6Описать использование и опубликовать в библиотеку
Разбор
Сначала решение, потом конструкция: автолэйаут и переменные внутри, затем компонент, варианты для измерений и свойства для мелких переключателей. Публикация без описания порождает неправильное использование.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.