Как мы использовали API от Figma, чтобы конвертировать дизайн в код React

С момента запуска Figma API, многие люди размышляли о возможности автоматического превращения документов Figma в компоненты React.

Figma 3.0! Стили, прототипирование++ и дизайн в масштабе

Мы рады представить Figma 3.0, с тремя новыми функциями, которые – вместе взятые – позволят компаниям всех размеров консолидировать набор используемых инструментов.

Как выбрать инструмент для прототипирования в 2018 году?

Новые инструменты и сервисы для дизайна и прототипирования выходят и обновляются каждый день. Я провёл полное и глубокое исследование инструментов, представленных сегодня на рынке и помогу в них разобраться.

Создавайте и кастомизируйте свою Google Material Design тему непосредственно в Sketch

На прошлой неделе Google провела презентацию I/O 2018 в Шорлайн Амфитеатре в Маунтин-Вью, Калифорния, и вместе с рядом интересных анонсов они представили свое видение будущего Material Design.

Встречайте Sketch 50. Улучшен опыт использования Sketch

Цель версии 50 сделать Sketch лучше для дизайнеров. Читайте дальше, чтобы узнать, что мы сделали.

8 крутых проектов созданных на основе Figma API

На случай, если вы не в курсе, в прошлом месяце мы выпустили Figma Platform с первым Web API для профессионального инструмента проектирования.

Плагин DeepSelect для работы со слоями в Sketch

Вам когда-нибудь нужно было выбирать все слои внутри групп? Или, может быть, только все текстовые слои, чтобы иметь возможность менять шрифт во всех слоях одновременно?

Paddy – плагин для автоматической настройки отступов в Sketch

Есть несколько плагинов, которые выполняют часть функций Paddy, но ни один из них не делает все это настолько просто насколько мне хотелось бы.

Как использовать символы Sketch для создания юзерфлоу

В этой статье мы собираемся создать в Sketch юзерфлоу и схемы алгоритмов выполнения задач. Мы будем использовать символы Sketch, используя базовые элементы и несколько настроек, чтобы наши символы работали на нас.

Плагин Sketch Isometric для создания модных изометрических изображений

Создавайте изометрические изображения из артбордов и прямоугольников прямо в Sketch. Вы можете менять перспективу, настраивать толщину и масштаб как пожелаете.

Детальный разбор прототипирования в Sketch

Мы знаем, что вы уже попробовали новые функции, поэтому мы решили подробно рассмотреть, как прототипирование работает в Sketch, и показать вам, как по максимуму использовать его.

Почему ваше приложение в Sketch смотрится лучше, чем на устройстве и как это исправить

Существует много причин, по которым приложения могут выглядеть не так хорошо, как их оригинальные проекты. Мы рассмотрим одну из наименее заметных причин – различия в рендеринге между Sketch и iOS.

Прототипирование, Libraries в Sketch Cloud и официальный UI Kit iOS в Sketch 49

А вот и Sketch 49, выходящий по горячим следам предыдущего обновления, добавившего…

Теперь вы можете создавать свои собственные расширения Zeplin

Начиная с сегодняшнего дня, вы можете создавать свои собственные расширения Zeplin и делиться ими с сотнями тысяч разработчиков, ежедневно использующих Zeplin.

Эффективное начало работы в Sketch

Мы сосредоточимся на рабочем процессе дизайнера. Автор расскажет основные фишки эффективной работы в Sketch и на что нужно обратить внимание в первую очередь.

Подборка Sketch плагинов. Больше дизайна, меньше рутины.

Этот список плагинов Sketch предназначен для всех умных, но ленивых дизайнеров, которые хотят сосредоточиться на опыте и прекрасном дизайне, а не на возне с пикселями.

Создание современной библиотеки компонентов с помощью Sketch Libraries

Попробовав многие другие инструменты, начиная с Invision Craft и создав свой собственный плагин для Sketch, мы были счастливы увидеть нативную функцию библиотек в Sketch. Вот наши решения и уроки, которые мы получили когда создавали свою дизайн систему с использованием библиотек.

Дизайн и анимации на основе кода при помощи Framer

В этой статье мы познакомимся с Framer – инструментом для прототипирования и дизайна, основанного на коде. Мы рассмотрим основные концепции, которые делают Framer эффективным вариантом прототипирования для дизайнеров и разработчиков.

StyleClip – плагин Sketch, копирующий CSS стили элемента в буфер обмена

Проворный плагин Sketch, который позволяет копировать стили элемента непосредственно в буфер обмена Mac. Он поддерживает буферизацию необработанных стилей CSS, определений переменных SCSS и стилей с переменными SCSS.

Экономия времени при выборе цветовой палитры в Sketch

Представьте, что у вас есть проект, и вам нужно создать для него цветовую палитру. Я расскажу как можно протестировать несколько палитр, и сделать это быстро.