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

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

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

В этой статье мы познакомимся с Framer – инструментом прототипирования и дизайна,…

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

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

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

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

Как создать дизайн-систему в Sketch (Часть 4)

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

Кейс: оптимизация Sketch файлов или чему мы научились во время создания Reduce App

Представитель компании Flawless App расскажет о том, как они создавали десктоп приложение Reduce App для оптимизации больших Sketch файлов. На какие грабли наступили и чему научились в процессе.

Flow – обзор инструмента для анимации и экспорта исходников в код

Flow – это инструмент для анимирования Sketch-файлов и устранения самых болезненных частей передачи приложения разработчикам. Оно устраняет разрыв между дизайном и разработкой, создавая собственный код.

Обновление бесплатной дизайн-системы для Sketch

На прошлой неделе мы добавили небольшой, но очень интересный символ в список компонентов. Material – это основной строительный блок для библиотек проектов в Sketch

Почему комьюнити решает. История создания плагина Sketch Cloner

Массовый тренд на производство и заточку дизайнерских «лопат» для прототипирования и UI-ориентированности достиг уровня «Истерия»

Chart - самый функциональный Sketch-плагин визуализации данных

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

Как создать дизайн-систему в Sketch (Часть 3)

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

Как создать дизайн-систему в Sketch (Часть 2)

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

Как создать дизайн-систему в Sketch (Часть 1)

Теперь у меня есть система дизайна. Она ускорила мой рабочий процесс в десять раз и дала мне прочную основу для работы над любым проектом.

Sketch: итоги 2017 года и планы на будущее

С приближением конца 2017 года мы хотели вспомнить все новые функции, которые мы добавили в Sketch за последние 12 месяцев. А также рассказать о планах в новом году.

Обзор дизайн-систем созданных в Figma

Мы в Figma оптимистично настроены в отношении дизайн-систем. Мы также хотим поддержать наших пользователей в их работе по созданию дизайн-систем при помощи Figma.

Как дизайнер устраивался работать в Figma и что из этого вышло

История о том, как автор после почти двух лет жизни в Нью-Йорке вернуться в Сан-Франциско, чтобы возглавить команду дизайнеров в Figma.

Первое впечатление от функции поиска и замены цвета в Sketch 48

Sketch 48 будет (почти) полностью посвящена управлению цветом. В этой статье вы найдете несколько коротких видеороликов, демонстрирующих плюсы и минусы новых фишек в последней версии Sketch.

Автоматизация процесса визуализации данных для Sketch

Каждый раз, когда вы говорите «большой объем данных» – где-то рождается график.

10 причин перейти на Framer Design

Последние 6 месяцев мы упорно работали над улучшением инструмента визуального дизайна Framer.

Добавляйте gif и видео файлы в Sketch

C помощью этого плагина вы сможете добавлять видео и gif-файлы в исходник Sketch. Плагин прост в использовании, видео-слои можно менять на ходу.