Sketch から Figma への移行Tips｜といとい｜note
こんにちは。@toi_toi_y です。最近 Sketch から Figma に移行したのですが、これから移行する人も多そうなので、移行した時に学んだTipsをここにメモっておきますね。 ※ Mac版デスクトップアプリをベースにした説明です。適宜読み替えてくれると嬉しいです。 目次 - Sketch からインポートしたデータはどうなる？ - Symbol はどうなる？ - Override の仕方がわからない - Shared Libraries はどうなる？ - Layer Styles と Text Styles はどうなる？ - Artboard はどうなる？ - プラグインはどうなる？ - フォントはどうなる？ - オフラインの場合はどうする？Sketch からインポートしたデータはどうなる？Figmaを起動するとSketchのデータをインポートしてねと案内がでます。わかってますね
Sketchでデザインしながらガイドラインを作ろう｜Chizuru Kamisono
はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！ ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1. エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2. デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という
サイトマップやフローチャートを手軽に作りたいときに便利なSketch素材「Flowchart kit 2.0」 - NxWorld
「Flowchart kit 2.0」は、用意されているシンボルを組み合わせていくことで簡単にサイトマップやフローチャートを作成できるSketch素材です。 様々なシンボルが用意されているので、よくある構成であれば十分対応できると思います。 以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 大きいサイズで載せるとかなり長くなってしまうので引きのイメージではありますが、以下のようにグレースケールとダークカラーの2タイプのカードシンボルが用意されており、合わせると386種類も用意されています。 また、カードに限らず矢印・吹き出し・ラベル・デバイス・シェイプといったその他要素も豊富に用意されており、これらは3タイプのカラーがあります。 素材の中には上のようなサンプルも用意されているので、作り方や組み合わせ方の参考にしたり、少しカスタマイズして使うといったことも可
商用利用無料！Webサイトやスマホアプリの美しいサイトマップやワイヤーフレームを作成できるベクター素材
300種類以上のコンテンツ、カード・ライン・アローなど、フローチャートで使用する形もベクターで収録された、サイトマップ・ワイヤーフレームを作成できる無料素材を紹介します。 商用レベルの美しいフローチャートを簡単に作成できる素材セットです。
Material Theme Editorを使ってみた｜Yuya Furusato｜note
今回のGoogle I/O 2018では、Material Designの大幅なアップデートが紹介されていました。 Material Designのメリットは、レスポンシブを考慮したレイアウトやコンポーネントを設計しているので、様々なデバイスで使用しても破錠しない点です。 一方デメリットとしては、完全にガイドラインに合わせてデザインすると、代わり映えのないビジュアルになってしまい、差別化が難しい点がありました。 そのような課題に対して「Material Theming」というコンセプトを掲げ、Material Designのコンポーネントを自由に編集できる「Material Theme Editor」というプラグインをリリースしています。 今回はMaterial Theme Editorをざっくり使ってみた感想をまとめています。 まずは、Material Theme Editorの使い方マ
Nested Symbols & Auto-Updating Styleguides | Jan Losert - Store
Nested Symbols & Auto-Updating StyleguidesLet me present the smartest template and your future starting point for every User Interfaces in Sketch. Stop wasting your time by crafting the same design systems and elements from scratch over and over and over again - and let the magic of this template’s nested symbols begin!
The 10 Best Productivity Plugins for Sketch App — SitePoint
April 27, 2015The 10 Best Productivity Plugins for Sketch App Over the course of 2015 Sketch App has continued to gain mindshare in the design community thanks to its easy-to-use features and straightforward interface. But even though it’s a powerful tool straight out of the box, after a while you might find yourself wanting to tweak things to your liking a little. Thankfully a excellent range of
理系にも分かるイラストの描き方
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
bootstrapuikit.com
ประวัติเทียบประกันรถยนต์เป็นเรื่องที่มีความสำคัญในการเลือกประกันภัยที่เหมาะสมสำหรับคุณ การที่มีความเข้าใจเกี่ยวกับประวัติการเปรียบเทียบประกันรถยนต์จะช่วยให้คุณทราบถึงวิวัฒนาการและความเปลี่ยนแปลงในวงการประกันภัยรถยนต์ตลอดกาล ต่อไปนี้เป็นภาพรวมของประวัติเทียบประกันรถยนต์ เกิดขึ้นในยุคแรกของอุตสาหกรรม ประวัติการเปรียบเทียบประกันรถยนต์มีต้นกำเนิดในยุคแรกของอุตสาหกรรมรถยนต์ เมื่อรถยนต์เริ่มพัฒนาขึ้นเป็
Sketch触って色々やってみようの巻レポ(マニュアル付き)
Sketch触って色々やってみようの巻レポ(マニュアル付き) Publish2013/05/15(水) Update2021/01/28(木) 昨日うちの事務所で「Sketch触って色々やってみようの巻」と題してSketch.appの勉強会をしてみました。 15時くらいからまったりしつつ実際にアプリをさわって、「こんな事ができた」「こういうときどうしたらいいですかね？」というような感じでやったのですが、やはり色々な意見や発見などがあり非常に有意義でした。 せっかくなので簡易マニュアルくらいにまとめてみようとおもいます。 Sketch.appについては他のブログなんかで概要説明されてるので割愛します。 ではお題目を。 グリッド アートボード テンプレート ツールバー 書き出し ルーラー リンク プリセット関連 マスク ガイド カーニング キャンバスサイズ Rotate copies 強制終了
Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
Jeremy P. Alford | Responsive Web Design Sketch Sheets
Update May 30th, 2012: The .zip has been updated to include a 1 Up version of the sketch sheets created by Denise Jacobs. As always, enjoy! During Denise Jacobs’ workshop on CSS3 at ConvergeSE 2011, I was inspired to make these responsive web design sketch sheets to help think through layouts for various devices. Thought I’d share. Click on the image below to download the .zip. On A Personal Note
Wireframe Sketch Sheets (Apple Watch)
These PDFs are perfect for anybody who does a lot of sketching on random sheets of paper. Included are 6 printable templates for website designs, Apple Watch, and iPhone or iPad app mockups. Just print a few copies out on to US Letter size paper and sketch away. On each sheet there's space for your project name, designer name, date and notes. There are also guides to indicate common widths on the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketch
GitHub - bomberstudios/sketch-commands: A collection of script commands for Sketch.app