Дизайнеры, готовьтесь! Скоро будем кодить 😎 Вчера на конференции Schema 2025 Figma показала, куда всё движется: дизайн-системы становятся живыми, а интерфейсы не просто макетами, а почти готовым продуктом с кодом. Теперь можно создавать React-компоненты прямо из библиотеки и даже вставлять куски кода в Figma. Всё, мы официально вступили в эпоху, когда дизайнеру надо понимать, что такое пропсы. Если раньше мы боялись автолэйаутов, то теперь будем спорить, где хранить токены. Мир меняется, и Figma снова первая показывает, что дизайнер - это уже не просто человек с красивыми отступами, а тот, кто держит руку на коде. Еще многое надо изучить, посмотреть, а пока кратко список нового: 1. Компоненты со слотами (Slots) Теперь внутри компонента можно оставлять «пустые места», куда вставляется любой контент: текст, иконка, кнопка, даже другой компонент. 2. Code Connect стал визуальным Figma сделала интерфейс, где дизайнеры видят, как компонент связан с кодом: можно посмотреть, какой React-компонент стоит за ним, какие пропсы принимает, какой стиль в CSS. 3. Make Kits: из библиотеки в код Теперь Figma умеет превращать вашу дизайн-систему в готовый кодовый кит (React, CSS и т.п.). 4. Улучшенные переменные и коллекции Добавили: — создание переменных прямо в потоке (inline), — новый модальный режим для управления коллекциями, — просмотр всех подписанных библиотек и переменных в одном месте. 5. MCP Server (Metadata / Context Provider) Это сервер, который соединяет Figma, AI-инструменты и кодовую базу. Чтобы ваш AI (например, тот же Figma Make) понимал контекст проекта: какие компоненты есть, какие переменные, как всё связано. Вот это лично мне прям очень интересно, буду пробовать.