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

Добавляйте gif-файлы и видео в свои Sketch-файлы с помощью sketchgif. me!

gif-файлы и видео в Sketch, пример работы

Установка

  1. Откройте Terminal
  2. Установите Homebrew
  3. Запустите brew install ffmpeg
  4. Скачайте и установите последнюю версию плагина
  5. Выделите Gif me в меню Плагинов

Больше информации

Какие форматы видео поддерживаются?

Gif, mp4 и многие другие. Gif. me поддерживает все видео форматы, поддерживаемые FFmpeg.

Где хранятся видео?

Видео сохраняются как часть вашего Sketch-файла...

Читать далее Нет комментариев

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

Проблема

Визуализация данных является важной частью работы многих дизайнеров интерфейсов. Панели мониторинга, таблицы, отчеты и виджеты — все эти компоненты интерфейса содержат диаграммы. Независимо от того, какой инструмент вы используете, Sketch, Figma или Adobe XD, у вас нет встроенных функций для визуализации данных.

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

Читать далее Нет комментариев

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

Sketch принес совершенно новые стандарты в размерах файлов с дизайном. Теперь вы очень редко можете увидеть 10 гигабайтные файлы Photoshop-а. Тем не менее большие Sketch файлы существуют и когда вы с ними работаете, они влияют на производительность самого Sketch-а. В результате, замедляется ваша производительность, как дизайнеров.

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

Читать далее Нет комментариев

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

Я покажу вам, как объединить различные символы для создания настраиваемых компонентов

Создание ваших компонентов

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

Читать далее Нет комментариев

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

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

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

Как это работает?

  • Создайте moodboard (например, Pinterest)
  • Выберите одно или несколько фото вmoodboard
  • Загрузите каждую фотографию в Adobe Color CC...
Читать далее Нет комментариев

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

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

StyleClip - плагин Sketch

Установка

Переместите StyleClip. sketchplugin в папку Plugins в Sketch или дважды кликните по файлу StyleClip. sketchplugin

Использование

Вы можете использовать плагин, выбрав StyleClip из раскрывающегося списка «Плагины» в строке меню или используя эти сочетания клавиш:...

Читать далее Нет комментариев

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

Перевод подготовлен специально для телеграм канала dui —  https://t.me/duiux

Sketch 47 принёс долгожданную всеми функцию библиотек (Libraries). Функция которая позволяет синхронизировать символы глобально во всех файлах Sketch. Дизайнерские системы особенно выигрывают от такой функции: возможность иметь простой способ использования ассетов дизайн системы, гарантируя, то что они будут актуальны для всех — это мечта дизайнера. Попробовав многие другие инструменты, начиная с Invision Craft и создав свой собственный плагин для Sketch, мы были счастливы увидеть нативную функцию библиотек в Sketch. Вот наши решения и уроки, которые мы получили когда создавали свою дизайн систему с использованием библиотек...

Читать далее Нет комментариев

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

Время от времени товарищи по команде задают мне вопрос: «Эй, есть ли Sketch плагин для ???» Мой ответ, как правило, да, у Sketch есть множество плагинов, которые могут помочь улучшить ваш рабочий процесс. Недавно я общался на эту тему, поэтому подумал, что хорошо бы написать статью. Этот список предназначен для всех умных, но ленивых дизайнеров, которые хотят сосредоточиться на опыте и прекрасном дизайне, а не на возне с пикселями. Да, в Sketch есть плагины для этого...

Читать далее Нет комментариев

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

Как дизайнеру, для эффективности рабочего процесса вам нужна надежность. Это еще более важно, когда вы начинаете, потому что вы сможете избежать многих неэффективных действий требующих времени. Одной из особенностей, выделяющих Sketch, является огромное количество плагинов и ресурсов. Открытость Sketch-файла, который повсеместно поддерживается и хорошо интегрирован в другие приложения. Сравнение базовых функций Sketch с другими инструментами проектирования — это сравнение характеристик iPhone с другими телефонами...

Читать далее Нет комментариев

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

Благодаря удивительному сообществу, образовавшемуся вокруг Sketch, плагины — одна из главных причин, по которым нам нравится работать в Sketch. Мы — огромные поклонники приложений, ориентированных на сообщество. Замечательно видеть, как третьи стороны повышают ценность приложения. Да что там, Zeplin появился благодаря тому, что Sketch был расширяемым!

Сегодня мы очень рады объявить, что мы делаем первый шаг к тому, чтобы сделать Zeplin более открытым...

Читать далее Нет комментариев