Андрей Насонов — Блог на vc.ru

{"header":{"subsiteData":{"id":268568,"name":"\u0410\u043d\u0434\u0440\u0435\u0439 \u041d\u0430\u0441\u043e\u043d\u043e\u0432","karma":279,"subscribers":{"count":42,"url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/details\/subscribers"},"isVerified":false,"isPlus":false,"isPlusHidden":false,"isMe":false,"isUser":true},"stats":[{"icon":"ui_egg","label":"\u041d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0441 12 \u043c\u0430\u0440 2019"}],"cover":"","coverPositionY":0,"avatar":"d1455e6c-6806-5f80-c4e6-52ac587d1ebd","avatarSize":[400,400],"description":"","tabs":[{"url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries","label":"\u0421\u0442\u0430\u0442\u044c\u0438","analytics":"Articles","minCount":0,"isActive":true,"counter":4},{"url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/comments","label":"\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438","analytics":"Comments","minCount":0,"isActive":false,"counter":44},{"url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/details","label":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435","minCount":0,"analytics":"Details","isActive":false,"counter":0}],"isVideoCover":false,"isAvatarChangeAvailable":false,"isCoverChangeAvailable":false,"isDescriptionChangeAvailable":false,"detailsUrl":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/details"},"hasCustomCss":false,"hasCustomHtml":false,"actions":{"subscribe":{"id":268568,"isSubscribed":false,"isNotificationsEnabled":false}},"etcControls":null}

{
            "config": {"baseUrl":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries","active":"new","items":[],"filters":[{"label":"\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0435","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/popular","isActive":false,"children":[{"label":"\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0435","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries","isActive":false},{"label":"\u0417\u0430 \u0434\u0435\u043d\u044c","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/top\/day","isActive":false},{"label":"\u0417\u0430 \u043d\u0435\u0434\u0435\u043b\u044e","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/top\/week","isActive":false},{"label":"\u0417\u0430 \u043c\u0435\u0441\u044f\u0446","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/top\/month","isActive":false},{"label":"\u0417\u0430 \u0433\u043e\u0434","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/top\/year","isActive":false},{"label":"\u0417\u0430 \u0432\u0441\u0435 \u0432\u0440\u0435\u043c\u044f","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/top\/all","isActive":false}]},{"label":"\u0421\u0432\u0435\u0436\u0435\u0435","url":"https:\/\/vc.ru\/u\/268568-andrey-nasonov\/entries\/new","isActive":true}],"tags":[]}        }

Дизайн

Андрей Насонов

13 фев

Приёмы и Фишки. Разметка элементов в Figma

Хочу поделиться приемом который облегчит жизнь дизайнерам, фронтендерам и QA.
А главное сократит количество несоответствий верстки к дизайну.

Выделения границ элемента с примененным стилем.

27 27 комментариев

{"id":208252,"url":"https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma","title":"\u041f\u0440\u0438\u0451\u043c\u044b \u0438 \u0424\u0438\u0448\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Figma","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma&title=\u041f\u0440\u0438\u0451\u043c\u044b \u0438 \u0424\u0438\u0448\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Figma","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma&text=\u041f\u0440\u0438\u0451\u043c\u044b \u0438 \u0424\u0438\u0448\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Figma","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma&text=\u041f\u0440\u0438\u0451\u043c\u044b \u0438 \u0424\u0438\u0448\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Figma","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u041f\u0440\u0438\u0451\u043c\u044b \u0438 \u0424\u0438\u0448\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Figma&body=https:\/\/vc.ru\/design\/208252-priemy-i-fishki-razmetka-elementov-v-figma","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

Дизайн

Андрей Насонов

16 янв

Дизайн-система: иконки

Подготовка иконок к работе в дизайн-системе.

Всегда помещайте иконки во фрейм

65 65 комментариев

{"id":197293,"url":"https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki","title":"\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki&title=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki&text=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki&text=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u0414\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0430: \u0438\u043a\u043e\u043d\u043a\u0438&body=https:\/\/vc.ru\/design\/197293-dizayn-sistema-ikonki","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

172

Дизайн

Андрей Насонов

20.08.2019

Концепт: как можно улучшить инструмент Image в Figma

В статье много GIF-анимаций!

Изображение выровнено: горизонтально — по левой стороне, вертикально — по верху

19 19 комментариев

{"id":79842,"url":"https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma","title":"\u041a\u043e\u043d\u0446\u0435\u043f\u0442: \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Image \u0432 Figma","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma&title=\u041a\u043e\u043d\u0446\u0435\u043f\u0442: \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Image \u0432 Figma","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma&text=\u041a\u043e\u043d\u0446\u0435\u043f\u0442: \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Image \u0432 Figma","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma&text=\u041a\u043e\u043d\u0446\u0435\u043f\u0442: \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Image \u0432 Figma","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u041a\u043e\u043d\u0446\u0435\u043f\u0442: \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Image \u0432 Figma&body=https:\/\/vc.ru\/design\/79842-koncept-kak-mozhno-uluchshit-instrument-image-v-figma","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

Дизайн

Андрей Насонов

30.03.2019

Идея нового инструмента в Figma

48 48 комментариев

{"id":61413,"url":"https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma","title":"\u0418\u0434\u0435\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 Figma","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma&title=\u0418\u0434\u0435\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 Figma","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma&text=\u0418\u0434\u0435\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 Figma","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma&text=\u0418\u0434\u0435\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 Figma","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u0418\u0434\u0435\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0432 Figma&body=https:\/\/vc.ru\/design\/61413-ideya-novogo-instrumenta-v-figma","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}