基本機能からプロトタイプ制作まで！用途別・Sketchのおすすめプラグイン50選｜Goodpatch Blog グッドパッチブログ
こんにちは、UIデザイナーのサイです。私が普段のデザイン作業で使っているツールはいくつもありますが、使う頻度がもっとも高いのはSketchです。UIデザインに特化した機能のほか、便利なプラグインがあることもSketchの魅力のひとつです。この記事では、Sketchのおすすめプラグインを用途別でご紹介します。 1. 基本機能の強化 Find and Replace Text plugin for Sketch https://github.com/thierryc/Sketch-Find-And-Replace 選んだレイヤーの中のテキスト、あるいはファイルの中にあるすべてのテキストを検索と置換できるプラグインです。検索の範囲は自分で設定できるので、間違えてテキストを置換することを防げます。シンボルのOverridesのテキストもサポートするので、たくさんシンボルを使っても心配なく使えます。
Atrae Tech Blog — Adobe漬けの私が、話題のSketchを使ってみた。
We are the tech members of Atrae Inc. This tech blog contains awesome information around tech of our concern. Webデザイナー（ゆるふわ癒し系担当）の藤澤です！(´ω｀*) 今日は先日フリートライアルで使い始めたSketchの紹介をしたいと思います！ Sketchって何？ Bohemian Coding社が開発した「Webに特化したグラフィックソフト」です。 一言で言うと、 “IllustratorとFireworks(Photoshop)の間の子” のような感じ。 Fireworks(Photoshop)のデータをほぼベクターデータで製作でき、書き出しも柔軟っていう感じですね。 とはいえ私、ずっとPhotoShop派だったので、どのあたりがFireworksの良さを受け継いでいる
【神】Photoshopより、ずっとはやーい！Sketchの素晴らしさを動画で学びながら体験してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、カクシンのアートディレクターのまきこです。アイドル集団「ハロー！プロジェクト」では賛否両論の新体制がはじまりましたが、わたしは変わらず大好きです！ さて、みなさんは、 「Sketch」というデザインツール を使ったことがありますか？ 今回、オンライン動画学習サービス “Udemy” で人気の「Webやアプリの最新デザインツール Sketch3」という動画講座をPRするため、初めてSketchを使うことになったのです。しかし、SketchってWebデザインの現場だとちょっとマイナー。Photoshopと何が違うのかもよくわからない……。 だけど実際に使ってみると、作業がものすごーく早くなったし、 だったんですよ！ 実際に受講した動画講座の内容に沿って、その魅力を紹介しますね！ そもそも「Sketch」って？ Sketchは、アプリやWebサイトのUIデザインに特化したツール。ペー
Abstract is Git for Designers we’ve all been waiting for! 👌
So you’ve always wanted to version control your design projects in a friendly manner, such as Git does with front-end. Wait no more, the Abstract is here! Check it out: https://www.goabstract.com/ Here’s a 15-minute long tutorial I made with simple Abstract workflow. You’ll find a summary of top features below. Having UI assets and style guides organized within a team has always been a challenge.
Resizing Table and List with Sketch 45 (1/2)
The table is the best UI component of displaying a lot of listed data in an organized way. Visual Guide How to create a responsive Table in SketchApp.This Medium post is inspired by the Reony Tonneyck Article Resizing Tables with Sketch. Like Reony, I have designed many tables this year. The worst part is definitively append when you need to resizing them for diffrent screen size. Sketch 44’s bran
Sketch vs. Photoshop: The 5 things Sketch can do that Photoshop can’t
DesignSketch vs. Photoshop: The 5 things Sketch can do that Photoshop can’t4 min read Even if you haven’t made the switch yet, you’re likely aware of the mass exodus of Photoshop users switching to Sketch. So what makes Sketch the tool for designing digital products? To put it simply, Sketch can do a number of things that Photoshop can’t. And it makes sense—Photoshop wasn’t built for product desig
エンジニアがSketchにチャレンジ | CyberAgent Developers Blog
初めまして。サイバーエージェントのメディア部門でディレクションをしていますshono（@BowyerApp）です。ついこの前まではAndroidアプリのエンジニアをしていました。 先日、弊社デザイナーの井上さんにエンジニア向けのSketch勉強会を開いて頂きましたのでその内容をレポートします。 目次 背景 Sketch（スケッチ）のインターフェース説明 デザイナーはインサートを開かない Sketch（スケッチ）で実際にUIを作ってみる Sketch（スケッチ）のTips 画像の書き出し シンボルを作る シンボルのネーミングを工夫すると更に便利に マージンのシンボル化 まとめ 勉強会の資料 背景 エンジニアとの共通言語を持つことで、「最終的なプロダクトの品質を上げること」 これをきっかけに各々が自分に必要な領域へと技術の幅を広げていくこと Technical Creatorとは？ ー 求めら
国内でも注目されつつあるデザインツール「Sketch3」がよく分かる良記事15選
今、海外デザイナーを中心に広まっている「Sketch3」をご存知でしょうか。 国内では、Photoshopなどと比較するとまだまだ利用者が少なくマイナーなイメージがありますが、多数のUIデザイナーが活用している優秀なドローイングツールです。 今回は、Sketch3の使い方を分かりやすく紹介している記事をまとめてご紹介します。 Sketch3の魅力や他ツールと比較した記事もありますので、Sketch3が気になる、購入したけど使えていないという方はぜひご覧ください。 Sketch3の使い方が分かる解説記事まとめ 1.Sketch 3を使う3つの理由と10の魅力｜グッドパッチのUIデザイナーに聞く Sketch 3の使い方 http://ascii.jp/elem/000/001/023/1023681/ 国内トップレベルのUIデザイン集団グッドパッチのデザイナーが、Sketch3の魅力と使う理
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアのためのSketch入門 (全30回) - プログラミングならドットインストール
https://creative-tweet.net/sketch-basics/