[HTML Academy] Экспорт параметров и графики из Figma. Полный комплект
Рекомендации
![[Kalachevaschool] Акварельный скетчинг. Перезагрузка 2020 (Аксинья La Paloma)](https://i1.stat01.com/2/8205/182042272/baec64/kalachevaschool-akvarelnyj-sketching-perezagruzka-2020-aksinya-la-paloma.png "[Kalachevaschool] Акварельный скетчинг. Перезагрузка 2020 (Аксинья La Paloma)")
![[kalachevaschool] Акварельный Шерлок (Вероника Калачева)](https://i3.stat01.com/2/7929/179288534/baec64/kalachevaschool-akvarelnyj-sherlok-veronika-kalacheva.jpg "[kalachevaschool] Акварельный Шерлок (Вероника Калачева)")
![[kalachevaschool] Акварельный онлайн мини-курс «Велосипед с цветами» (Вероника Калачева)](https://i3.stat01.com/2/7929/179288532/baec64/kalachevaschool-akvarelnyj-onlajn-mini-kurs-velosiped-s-cvetami-veronika-kalacheva.jpg "[kalachevaschool] Акварельный онлайн мини-курс «Велосипед с цветами» (Вероника Калачева)")
![[kalachevaschool] Акварельные мини-курсы, сборник из 4 курсов (Вероника Калачева)](https://i2.stat01.com/2/7929/179288530/baec64/kalachevaschool-akvarelnye-mini-kursy-sbornik-iz-4-kursov-veronika-kalacheva.jpg "[kalachevaschool] Акварельные мини-курсы, сборник из 4 курсов (Вероника Калачева)")
![[Jeforel Sketching] Про iPad. Тариф «Базовый» (Женя Шубина)](https://i2.stat01.com/2/7929/179288524/baec64/jeforel-sketching-pro-ipad-tarif-bazovyj-zhenya-shubina.jpg "[Jeforel Sketching] Про iPad. Тариф «Базовый» (Женя Шубина)")
![[Jeforel Sketching] Fashion Sketching, 4 поток. Тариф «Эконом» (Женя Шубина)](https://i3.stat01.com/2/7929/179288523/baec64/jeforel-sketching-fashion-sketching-4-potok-tarif-jekonom-zhenya-shubina.jpg "[Jeforel Sketching] Fashion Sketching, 4 поток. Тариф «Эконом» (Женя Шубина)")
![[JCenterS] RedShift — Будущее это не сложно (Евгений Кормилицын)](https://i3.stat01.com/2/7929/179288520/baec64/jcenters-redshift-budushhee-jeto-ne-slozhno-evgenij-kormilicyn.jpg "[JCenterS] RedShift — Будущее это не сложно (Евгений Кормилицын)")
![[javascript] Интенсив по RxJS (Игорь Непипенко)](https://i2.stat01.com/2/8205/182042271/baec64/javascript-intensiv-po-rxjs-igor-nepipenko.png "[javascript] Интенсив по RxJS (Игорь Непипенко)")
![[JanelipArt School] Рисование на iPad в стиле реализм (Евгения Липатова)](https://i2.stat01.com/2/7929/179288518/baec64/janelipart-school-risovanie-na-ipad-v-stile-realizm-evgeniya-lipatova.png "[JanelipArt School] Рисование на iPad в стиле реализм (Евгения Липатова)")
![[Int Lines] Создание семейств в Autodesk Revit для дизайнеров и архитекторов (Иван Зылёв)](https://i3.stat01.com/2/7929/179288515/baec64/int-lines-sozdanie-semejstv-v-autodesk-revit-dlya-dizajnerov-i-arhitektorov-ivan-zylov.png "[Int Lines] Создание семейств в Autodesk Revit для дизайнеров и архитекторов (Иван Зылёв)")
![[INT LINES] Проектирование и визуализация экстерьера и интерьера Revit+Enscape (Иван Зылев)](https://i4.stat01.com/2/7929/179288513/baec64/int-lines-proektirovanie-i-vizualizaciya-jeksterera-i-interera-revit-enscape-ivan-zylev.png "[INT LINES] Проектирование и визуализация экстерьера и интерьера Revit+Enscape (Иван Зылев)")
![[Интуитивная живопись с Екатериной Дзюба]Свободный Художник. Сиреневый обман? (Екатерина Дзюба)](https://i4.stat01.com/2/7929/179288511/baec64/intuitivnaya-zhivopis-s-ekaterinoj-dzyuba-svobodnyj-hudozhnik-sirenevyj-obman-ekaterina-dzyuba.png "[Интуитивная живопись с Екатериной Дзюба]Свободный Художник. Сиреневый обман? (Екатерина Дзюба)")
![[Интуитивная живопись] Краски осени (Екатерина Дзюба)](https://i3.stat01.com/2/7929/179288510/baec64/intuitivnaya-zhivopis-kraski-oseni-ekaterina-dzyuba.png "[Интуитивная живопись] Краски осени (Екатерина Дзюба)")
![[Интроверт] Средневековая Европа: чума, готика и крестовые походы (Алена Репина, Никита Добряков, Елизавета Фандорина, Нэлли Кундрюкова)](https://i4.stat01.com/2/7929/179288509/baec64/introvert-srednevekovaya-evropa-chuma-gotika-i-krestovye-pohody-alena-repina-nikita-dobryakov-elizaveta-fandorina-nelli-kundryukova.png "[Интроверт] Средневековая Европа: чума, готика и крестовые походы (Алена Репина, Никита Добряков, Елизавета Фандорина, Нэлли Кундрюкова)")
![[Interntional Design School] Декорирование интерьера: завершаем образ, 2019 (Ирина Самохина)](https://i4.stat01.com/2/7929/179288508/baec64/interntional-design-school-dekorirovanie-interera-zavershaem-obraz-2019-irina-samohina.png "[Interntional Design School] Декорирование интерьера: завершаем образ, 2019 (Ирина Самохина)")
![[Interior Sketch] Paris (Ольга Каминская)](https://i3.stat01.com/2/8205/182045199/baec64/interior-sketch-paris-olga-kaminskaya.png "[Interior Sketch] Paris (Ольга Каминская)")
![[Interior Sketch] Дом мечты (Ольга Каминская)](https://i3.stat01.com/2/7929/179288503/baec64/interior-sketch-dom-mechty-olga-kaminskaya.png "[Interior Sketch] Дом мечты (Ольга Каминская)")
![[interiorschool] Профессия: декоратор.ТАРИФ KNOW (Дарья Казанцева)](https://i4.stat01.com/2/7929/179288497/baec64/interiorschool-professiya-dekorator-tarif-know-darya-kazanceva.png "[interiorschool] Профессия: декоратор.ТАРИФ KNOW (Дарья Казанцева)")
![[interclass] Как рисовать людей (Анастасия Кустова)](https://i2.stat01.com/2/8205/182041695/baec64/interclass-kak-risovat-lyudej-anastasiya-kustova.png "[interclass] Как рисовать людей (Анастасия Кустова)")
![[InstРrofi] МК Бесконечный дизайн в Инстаграм (Александра Сингур)](https://i3.stat01.com/2/7929/179288494/baec64/instrrofi-mk-beskonechnyj-dizajn-v-instagram-aleksandra-singur.jpg "[InstРrofi] МК Бесконечный дизайн в Инстаграм (Александра Сингур)")
![[insta_shablon] Дизайн набор «Мудборд» (Андрей Куделя, Алина Довлетова)](https://i3.stat01.com/2/7929/179288493/baec64/instashablon-dizajn-nabor-mudbord-andrej-kudelya-alina-dovletova.png "[insta_shablon] Дизайн набор «Мудборд» (Андрей Куделя, Алина Довлетова)")
![[Industry Design school] Мастер-класс Архитектурные элементы (+конспект) (Полина Лебедева)](https://i3.stat01.com/2/7929/179288490/baec64/industry-design-school-master-klass-arhitekturnye-jelementy-konspekt-polina-lebedeva.jpg "[Industry Design school] Мастер-класс Архитектурные элементы (+конспект) (Полина Лебедева)")
![[Imagination] Fashion Иллюстрация Pro 2022г. Акварельный курс (Ирина Пирогова)](https://i3.stat01.com/2/7929/179288488/baec64/imagination-fashion-illyustraciya-pro-2022g-akvarelnyj-kurs-irina-pirogova.jpg "[Imagination] Fashion Иллюстрация Pro 2022г. Акварельный курс (Ирина Пирогова)")
![[Художник Online] Жизнь в розовом цвете (Дарья Куцаева)](https://i1.stat01.com/2/7929/179288486/baec64/hudozhnik-online-zhizn-v-rozovom-cvete-darya-kucaeva.jpg "[Художник Online] Жизнь в розовом цвете (Дарья Куцаева)")
![[Художник Online] Живопись маслом Pro (Екатерина Бердюгина)](https://i1.stat01.com/2/7929/179288485/baec64/hudozhnik-online-zhivopis-maslom-pro-ekaterina-berdyugina.png "[Художник Online] Живопись маслом Pro (Екатерина Бердюгина)")
![[Художник online] Скетчинг маркерами Pro. Пакет-Без обратной связи (Анастасия Брагина)](https://i3.stat01.com/2/7929/179288482/baec64/hudozhnik-online-sketching-markerami-pro-paket-bez-obratnoj-svyazi-anastasiya-bragina.png "[Художник online] Скетчинг маркерами Pro. Пакет-Без обратной связи (Анастасия Брагина)")
![[Художник Online] Скандинавские сюжеты в SketchBook (Анастасия Брагина)](https://i4.stat01.com/2/7929/179288480/baec64/hudozhnik-online-skandinavskie-syuzhety-v-sketchbook-anastasiya-bragina.jpg "[Художник Online] Скандинавские сюжеты в SketchBook (Анастасия Брагина)")
![[Художник Online] Рисунок карандашом: Вводный курс (Роман Круглов)](https://i4.stat01.com/2/7929/179288479/baec64/hudozhnik-online-risunok-karandashom-vvodnyj-kurs-roman-kruglov.png "[Художник Online] Рисунок карандашом: Вводный курс (Роман Круглов)")
![[Художник Online] Рисунок карандашом 2.0. Без обратной связи (Роман Круглов)](https://i3.stat01.com/2/7929/179288478/baec64/hudozhnik-online-risunok-karandashom-2-0-bez-obratnoj-svyazi-roman-kruglov.jpg "[Художник Online] Рисунок карандашом 2.0. Без обратной связи (Роман Круглов)")
![[Художник Online] Основы работы в Procreate. Тариф Без обратной связи (Ксения Шевчук)](https://i4.stat01.com/2/7929/179288467/baec64/hudozhnik-online-osnovy-raboty-v-procreate-tarif-bez-obratnoj-svyazi-kseniya-shevchuk.png "[Художник Online] Основы работы в Procreate. Тариф Без обратной связи (Ксения Шевчук)")
![[Художник Online] Основы работы в Adobe Illustrator. Без обратной связи (Ксения Шевчук)](https://i4.stat01.com/2/7929/179288465/baec64/hudozhnik-online-osnovy-raboty-v-adobe-illustrator-bez-obratnoj-svyazi-kseniya-shevchuk.png "[Художник Online] Основы работы в Adobe Illustrator. Без обратной связи (Ксения Шевчук)")
![[Художник online] Онлайн-курс «Я - Художник 3.0». Тариф Без обратной связи (Дарья Куцаева)](https://i4.stat01.com/2/7929/179288461/baec64/hudozhnik-online-onlajn-kurs-ya-hudozhnik-3-0-tarif-bez-obratnoj-svyazi-darya-kucaeva.jpg "[Художник online] Онлайн-курс «Я - Художник 3.0». Тариф Без обратной связи (Дарья Куцаева)")
![[Художник Online] Мини-курс «Дождь акварелью» (Дарья Куцаева)](https://i2.stat01.com/2/7929/179288458/baec64/hudozhnik-online-mini-kurs-dozhd-akvarelyu-darya-kucaeva.jpg "[Художник Online] Мини-курс «Дождь акварелью» (Дарья Куцаева)")
![[Художник Online] Линогравюра (Ксения Шевчук)](https://i2.stat01.com/2/7929/179288457/baec64/hudozhnik-online-linogravyura-kseniya-shevchuk.png "[Художник Online] Линогравюра (Ксения Шевчук)")
![[Художник Online] Лессировки акварелью (Ника Сабрекова)](https://i2.stat01.com/2/7929/179288455/baec64/hudozhnik-online-lessirovki-akvarelyu-nika-sabrekova.jpg "[Художник Online] Лессировки акварелью (Ника Сабрекова)")
![[Художник Online] Курс «SketchBook: основы цифровой живописи» (Анастасия Брагина)](https://i2.stat01.com/2/7929/179288454/baec64/hudozhnik-online-kurs-sketchbook-osnovy-cifrovoj-zhivopisi-anastasiya-bragina.png "[Художник Online] Курс «SketchBook: основы цифровой живописи» (Анастасия Брагина)")
![[Художник online] Я - Художник (Дарья Куцаева)](https://i3.stat01.com/2/7929/179288446/baec64/hudozhnik-online-ya-hudozhnik-darya-kucaeva.jpg "[Художник online] Я - Художник (Дарья Куцаева)")
![[Художник Online] Архитектурный и предметный скетчинг. Без обратной связи (Дарья Куцаева)](https://i3.stat01.com/2/7929/179288444/baec64/hudozhnik-online-arhitekturnyj-i-predmetnyj-sketching-bez-obratnoj-svyazi-darya-kucaeva.jpg "[Художник Online] Архитектурный и предметный скетчинг. Без обратной связи (Дарья Куцаева)")
![[Художник online] Архитектурные сюжеты простыми карандашами (Роман Круглов)](https://i3.stat01.com/2/7929/179288443/baec64/hudozhnik-online-arhitekturnye-syuzhety-prostymi-karandashami-roman-kruglov.jpg "[Художник online] Архитектурные сюжеты простыми карандашами (Роман Круглов)")
![[Художник Online] Анималистика акварелью (Дарьи Куцаева)](https://i3.stat01.com/2/7929/179288441/baec64/hudozhnik-online-animalistika-akvarelyu-dari-kucaeva.jpg "[Художник Online] Анималистика акварелью (Дарьи Куцаева)")
![[Художник Online] Акварельные путешествия. Без обратной связи с доступом навсегда (Дарья Куцаева)](https://i3.stat01.com/2/7929/179288436/baec64/hudozhnik-online-akvarelnye-puteshestviya-bez-obratnoj-svyazi-s-dostupom-navsegda-darya-kucaeva.jpg "[Художник Online] Акварельные путешествия. Без обратной связи с доступом навсегда (Дарья Куцаева)")
![[Highlight] Цифровой рисунок в Photoshop (Анастасия Васильева)](https://i4.stat01.com/2/7929/179288431/baec64/highlight-cifrovoj-risunok-v-photoshop-anastasiya-vasileva.jpg "[Highlight] Цифровой рисунок в Photoshop (Анастасия Васильева)")
![[Highlights] Скетчинг. Основы быстрого рисунка (февраль, 2018) (Анастасия Ковалевская и Елизавета Беккер)](https://i2.stat01.com/2/7929/179288430/baec64/highlights-sketching-osnovy-bystrogo-risunka-fevral-2018-anastasiya-kovalevskaya-i-elizaveta-bekker.jpg "[Highlights] Скетчинг. Основы быстрого рисунка (февраль, 2018) (Анастасия Ковалевская и Елизавета Беккер)")
![[highlights] Основы Adobe Illustrator 2020 (Дима Ковалев)](https://i4.stat01.com/2/7929/179288428/baec64/highlights-osnovy-adobe-illustrator-2020-dima-kovalev.jpg "[highlights] Основы Adobe Illustrator 2020 (Дима Ковалев)")
![[help4d] Базовый курс по Cinema 4D (Андрей Доронин)](https://i3.stat01.com/2/7929/179288425/baec64/help4d-bazovyj-kurs-po-cinema-4d-andrej-doronin.jpg "[help4d] Базовый курс по Cinema 4D (Андрей Доронин)")
![[hello_miss_margo] Сделай свои видео, как в кино с фильтрами. Пакет Premium (Маргарита Бышкова)](https://i3.stat01.com/2/7929/179288424/baec64/hellomissmargo-sdelaj-svoi-video-kak-v-kino-s-filtrami-paket-premium-margarita-byshkova.jpg "[hello_miss_margo] Сделай свои видео, как в кино с фильтрами. Пакет Premium (Маргарита Бышкова)")
![[Headline School] Портрет в стиле аниме](https://i2.stat01.com/2/8205/182044356/baec64/headline-school-portret-v-stile-anime.png "[Headline School] Портрет в стиле аниме")
![[Headlineschool] Онлайн-курс цифрового рисунка (Константин Пристенский)](https://i1.stat01.com/2/7929/179288422/baec64/headlineschool-onlajn-kurs-cifrovogo-risunka-konstantin-pristenskij.jpg "[Headlineschool] Онлайн-курс цифрового рисунка (Константин Пристенский)")
![[Harmony] Простой риггинг (Денис Добровольский)](https://i3.stat01.com/2/7929/179288421/baec64/harmony-prostoj-rigging-denis-dobrovolskij.jpg "[Harmony] Простой риггинг (Денис Добровольский)")
Описание навыка
Профессиональная задача:
Нужно получить из макета всё необходимое для стилизации: параметры шрифтов, размеры и отступы, параметры теней и скруглений и так далее. Также нужно экспортировать всю графику, в оптимальном формате и оптимальном соотношении качество/вес.
Зачем нужен этот навык:
Входные данные для вёрстки сайта — обычно макет, часто в формате Figma. Верстальщик получает макет и самостоятельно открывает его в браузере или же в графическом редакторе Figma, извлекает информацию и графику, полученные параметры прописывает в HTML и CSS. Без этого умения готовую вёрстку просто не сделать. Графический редактор Figma стал очень распространённым, и дизайнеры часто в нём делают макеты сайтов, так как редактор работает в браузере и не зависит от операционной системы.
Расположение относительно других навыков:
Это стартовый навык, который является фундаментом для остальных навыков. В дереве навыков он находится на самом верху, а значит осваивать его можно сразу после получения базовых знаний по HTML и CSS.