Adobe XDは確実に進化している！テキストには依存せず、アクセシブルなUIを構築するためのUIキット | コリス

2019/12/20 5 users ポパー コリス ステート ワークフロー コンポーネント

先月のAdobe MAXを経て、Adobe XDも大きく進化しましたね。 リアルタイムの共同編集、ドキュメントの履歴、共有モードといったワークフローに役立つものをはじめ、コンポーネントのステート、ホバーのアクショントリガー、プラグインマネージャー、Sketchファイルとの互換性強化などアプリ自体の機能も進化しています。 ... 続きを読む

Figmaがこれからの人にも、すでに使用中の人にもいい！公式より快適に動作するmacOS用アプリ -Figmac | コリス

2019/09/11 33 users figma コリス PDF MacOS対応 MacOS用アプリ

Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。 .figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。 Figmaは無料で利用でき、Figmacも無料で利用できます。 Figmac Sk... 続きを読む

iPhoneのスクリーンショットやSketchファイルをドラッグ&ドロップするだけで3Dモックアップ動画が作成できるMacアプリ「Design Camera」がBeta版を公開中。 | AAPL Ch.

2019/01/31 11 users iPhone AAPL Beta版 スクリーンショット 以下

iPhoneのスクリーンショットやSketchファイルをドラッグ&ドロップするだけで3Dモックアップ動画が作成できるMacアプリ「Design Camera」がBeta版を公開しています。詳細は以下から。 続きを読む

CI&UIリニューアルしながらデザインシステムを作った話｜Yoko Nishida｜note

2018/05/19 68 users Yoko Nishida コデアル 協業 刷新 ドキュメント

「 コデアル 」という求人サービスのデザインシステムを作ってみました。CIリニューアルに伴う全スタイル＆コンポーネントの刷新、エンジニア＆デザイナー間の協業、そして約3ヶ月運用してみた感想をつづってみます。 実際に使っているドキュメント、Sketchファイルはこちら↓ ・ Codeal Design Guideline ・ Codeal UI Kit.sketch ・ Sketch Tips fo... 続きを読む

速報！Windowsで、Sketchファイルを開いて、編集・保存できる無料アプリが登場 -Lunacy | コリス

2018/03/22 121 users LUNACY コリス SVG Sketch エクスポート

Windowsユーザーの方に朗報です！ Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 もちろん、日本語のWindows環境でも利用できます。 Lunacy, Sketch for Windows 前回紹介した時はファイルを開くだけの機能でしたが、ついに編集・保存に... 続きを読む

デザインの保守性を上げるにはどうしたら良い？AtomicDesignでUIデザインをしてみた - Qiita

2017/12/29 31 users Qiita AtomicDesign デザインリニューアル

TL;DR デザインの保守性をあげるためにsketchでAtomicDesignを導入してみました。 パーツ数が少なくなり、構成もシンプルになったのでだいぶ保守性が上がったのですが、 sketchファイルが重くて台無しなのでどなたか軽くする方法あったら教えてください。 はじめに 株式会社マナボ でSketchを使って『 manabo 』という中高生向け質問アプリのデザインリニューアルを進めているの... 続きを読む

日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch | コリス

2017/07/18 39 users psd コリス Sketch シェイプ Photoshop

ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどにも対応しており、PSDで作成したファイルがSketchで利用できるようになります。 日本語フォントや日本語のレイヤー・ファイル名でも問題なく、またかなりのファイルサイズでも問題なく... 続きを読む

最近よく見かけるレスポンシブ対応のUIコンポーネントやレイアウトがよく分かるHTML, PSD, Sketchの素材 -Now UI Kit | コリス

2017/06/13 66 users Bootstrap コリス psd Sketch レイアウト

最近のWebサイトやスマホアプリでよく見かける、Bootstrap 4をベースにした180種類以上のUIエレメントやコンポーネント、50種類以上のレイアウト、それらがPSDとSketchファイル、そしてHTMLも揃った無 ...記事の続きを読む 続きを読む

デザインのバージョン管理をする世界 – Medium

2016/10/26 532 users medium GitHub てき Sketch Dropbox

デザインのバージョン管理をする世界 僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキ... 続きを読む