Figma — отличный инструмент для дизайнеров и front-end разработчиков. У него много функций, и он постоянно совершенствуется. Однако, на мой взгляд, в Figma не хватает одной вещи — возможности легко изменить цвет фона элемента.
Это может стать проблемой, когда вы работаете над дизайном, в котором много разных фоновых цветов. Например, допустим, вы работаете над дизайном веб-сайта, который имеет светло-голубой верхний колонтитул и темно-синий нижний колонтитул. В Figma вам придется создать два отдельных слоя — один для заголовка и один для нижнего колонтитула — и затем изменить цвет фона каждого слоя отдельно.
Было бы гораздо проще, если бы можно было просто изменить цвет фона элемента в Figma. К счастью, существует обходной путь, позволяющий сделать именно это.
Сначала создайте свой дизайн в Figma. Затем откройте панель «Настройки» и перейдите на вкладку «Дополнительно». Затем нажмите на кнопку «Экспорт» и выберите «SVG» из выпадающего меню.
Теперь откройте SVG-файл в текстовом редакторе и найдите атрибут «fill». Для каждого элемента, цвет фона которого вы хотите изменить, добавьте атрибут «fill» с шестнадцатеричным кодом цвета, который вы хотите использовать.
Сохраните изменения и откройте SVG-файл в браузере. Вы должны увидеть свой дизайн с новыми цветами фона.
Единственным недостатком этого метода является то, что он не работает с растровыми изображениями (JPEG, PNG и т.д.). Но для дизайна, состоящего в основном из векторной графики, это будет быстрый и простой способ изменить цвет фона элементов в Figma.
**Как изменить цвет фона в Figma?
К счастью, существует обходной путь, который позволяет сделать именно это.
Сначала создайте дизайн в Figma.
Теперь откройте SVG-файл в текстовом редакторе и найдите атрибут «fill».
Для каждого элемента, цвет фона которого вы хотите изменить, добавьте атрибут «fill» с шестнадцатеричным кодом цвета, который вы хотите использовать.
ПРО СОВЕТ: Если вы не знакомы с Figma, мы рекомендуем вам не пытаться изменить BG в Figma. Это может привести к нежелательным изменениям в вашем дизайне.
Сохраните изменения и откройте SVG-файл в браузере. Вы должны увидеть свой дизайн с новыми цветами фона.
Единственным недостатком этого метода является то, что он не работает с растровыми изображениями (JPEG, PNG и т.д.). Но для дизайна, состоящего в основном из векторной графики, это будет быстрый и простой способ изменить цвет фона элементов в Figma.