Почему скопированный из Figma градиент отличается в коде?

При копировании CSS-свойства background: radial-gradient(...) из Figma в ваш код результат может визуально отличаться. Вот основные возможные причины:

• Разница в системах координат. Figma использует собственную систему координат для градиентов, которая может не совпадать с браузерной. Параметры at 76.63% 213.88% в Figma могут интерпретироваться иначе, чем в CSS, особенно при больших значениях (больше 100%).
• Некорректный перенос значений. Figma часто генерирует нестандартный синтаксис, который нужно адаптировать. Например, проценты позиционирования центра градиента могут требовать пересчета.
• Фон элемента. В Figma градиент мог быть наложен поверх другого фона (например, сплошной заливки или изображения), который вы не скопировали. Проверьте, нет ли у исходного слоя дополнительных свойств background-color, background-image или фильтров.
• Единицы измерения и браузерная поддержка. Убедитесь, что используете современный синтаксис radial-gradient. Figma иногда генерирует устаревшие варианты.

Если слоёв с градиентом несколько, но вы уверены, что их нет, сосредоточьтесь на пересчете координат центра градиента. Попробуйте задать явные пиксельные значения или ограничить проценты диапазоном 0-100% - это часто решает проблему.