Flex и Grid макеты в Penpot менее чем за 5 минут

Узнайте, как работают макеты Flex и Grid в Penpot менее чем за 5 минут. Создавайте адаптивные макеты с теми же свойствами, что и в CSS, чтобы ни одно из ваших дизайнерских решений не потерялось между дизайном и кодом. В этом кратком обзоре вы увидите: 00:00 Введение 00:20 Как создать макет Flex или Grid 00:34 Что такое макеты Flex? 01:24 Что такое макеты Grid? 02:18 Свойства макета 03:06 Свойства элементов Flex и Grid 03:53 Макеты и токены дизайна Каждое заданное вами свойство отображается в панели «Проверить элемент» в виде CSS. 👉 Учебное пособие: Как создавать адаптивные CSS-сетки в Penpot https://penpot.app/blog/tutorial-how-... 👉 Центр поддержки: https://help.penpot.app/user-guide/de... Сообщество Penpot: https://community.penpot.app Приложение: https://design.penpot.app Помощь: https://help.penpot.app Внести свой вклад: https://github.com/penpot Penpot Fest: https://penpotfest.org Подписывайтесь на нас: Mastodon: https://fosstodon.org/@penpot/ Bluesky: https://bsky.app/profile/penpot.app X: https://x.com/penpotapp LinkedIn:   / penpotdesign   Instagram:   / penpot.app   GitHub: https://github.com/penpot Penpot: Full Stack Design #Penpot #openSource #cssGrid #flexbox #UIdesign