Adobe XDとFigmaの違い｜松下 絵梨
Adobe XDとFigma、どちらもよく使う、どっちも好きという人が増えてきましたね。 共通点も多いアプリだからこそ、「どっちがどっちだっけ」と混乱しないように、違いをざっくりまとめました。 気づいたらまた更新します！ よく使うショートカット図形ツールスタックとオートレイアウトリピートグリッドの代わりに・・・Figmaには、Adobe XDのように、リピートグリッドや、シェイプに画像をドラッグして配置する機能がありません。 下記の工程で、「リピートグリッドに画像を一気に流し込み」っぽいことをFigmaですることができます。 （リピートグリッドの便利さにはかないませんが・・・） 「リピートグリッドに画像を一気に流し込み」っぽいことをFigmaでする方法🍀 Illustratorみたいに「⌘ + Dで繰り返し」ができるのが嬉しい😊 画像の配置：shift + ⌘ + Kも早めに覚えてしま
Figmaの作業を効率化！ 知らないと損するショートカット集 - ICS MEDIA
ウェブ制作における定番になりつつあるデザインツール「Figma」。本記事では、Figmaの知らないと損するショートカットキーを紹介します。 よく使う便利な機能を呼び出すショートカットキーを覚えておくことで、作業効率が上がるのでしっかり覚えていきましょう。 本記事では基本機能のショートカットキーだけでなくマニアックなものまで紹介します。初心者はもちろん普段からFigmaを利用している方にも役立つ内容をまとめています。 ショートカットキー一覧の呼び出し（control+shift+?） Figmaでは、見やすいショートカットキー一覧をいつでも表示できます。ショートカットキーを忘れてしまった場合には、control+shift+?(macOS) /control+shift+?(Windows)を押しましょう。 画面下部にショートカット一覧が表示されます。使ったことのあるショートカットは色が付き
【超初心者向け】スプレッドシートの効率化術と見やすい表の作り方を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デジタルハリウッドSTUDIO by LIGの運営担当の天（@10TEN10TAN10）です。 デジタルハリウッドSTUDIO by LIGとは 株式会社LIGとデジタルハリウッドが業務提携をしてはじめたクリエイター養成スクールのこと。Webデザイナーや動画クリエイターを目指す方向けのカリキュラムを展開している。現在、上野・池袋・大宮・北千住にて受講生を募集中。無料説明会は毎日開催中！ デジタルハリウッドSTUDIO by LIG（以下、デジLIG）では様々な情報をGoogleが提供する表計算アプリ、スプレッドシートで管理しています。 スプレッドシートは表計算もできるので、名簿やカリキュラム一覧の作成だけでなく、過去の数字を分析し目標数字を出すこともあれば、アンケートをもとにイベント参加率を出したりと、業務で一番触れているツールと言っても過言ではありません。 スプレッドシート
Figmaの制作フロー劇的改善！超簡単な11の小技とヒントまとめ
この記事では、Figmaでのデザイン制作フローを劇的にスピードアップさせる、お手軽で簡単な小技とヒントをまとめてご紹介します。 よく利用するFigmaのショートカットや、お好みに応じて機能を追加できるプラグインやツールと一緒に活用し、より快適なFimgaライフを送りましょう。 インスペクターでは、シンプルな数式を利用しよう ピクセル単位で正しい値を見つけるために、要素のサイズを手動で変更するのは避けましょう。 数値を入力するインスペクターでは、足し算や掛け算などの数式を利用することで、数秒の貴重な時間を節約できます。 まとめて色を変更したいときは、Selection Colorを利用しよう Figmaでたくさんのコンポーネントを扱っていて、複数の要素の配色を素早く変更したいとき、それぞれの要素を一つずつクリックして、色を変更していませんか。 Selection Colorにあらかじめ配色を
覚えて損はないIllustratorのショートカットキー26選！新米デザイナーが紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのカイトです！ 多くのデザイナーの方がIllustratorを活用されているかと思いますが、「Illustratorのショートカットキーって種類が多すぎてどれを覚えればいいんだろう？？」と思ったこと、ありませんか？？ 僕はデザインを学び始めたてのとき、この悩みに苛まれました。その結果、とりあえずショートカットキーを一通り覚えました。 そこで今回は、僕が学び始めのときに覚えたなかで、今でも活用し効率化に役立っているなぁと感じる、おすすめのショートカットキー26個を紹介していこうと思います！
3つの使い方があるショートカットキー「F4」【Excel/Googleスプレッドシート】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ショートカット「F4」の3つの使い方 1. Ctrl+Ｚ（一つ戻る）の操作を取り消せる「一つ進む」 直前の作業を取り消したいときのショートカットとしてCtrl + Ｚがあります。これは一つ前の状態に戻れる便利なショートカットで、ご存じの方も多いのではないでしょうか。 実は、そんな「一つ戻る」の動作を取り消して、「一つ進む」ことがF4のキーでできます。 ショートカットキー F4 もしくは Windows：Ctrl + Ｙ、Mac：command + Y Ctrl+Ｚで戻ったあとに、F4（もしくはCtrl+Ｙ）を押すだけで、Ctrl+Ｚする前の状態に復旧できます。複数回にも対応できるので、何度もCtrl+Ｚを押したときは、F4を押すごとに一つずつ復旧することができます。 うっかりCtrl+Ｚを押しすぎたときや、作業のbefore/afterを確認したいときに戻したり進めたりを繰り返せるため、と
Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ
私の周りでも、Figmaを使用する人がだいぶ増えてきました。 Figmaでデザインする時に役立つ、便利なテクニックを紹介します。Figmaでの日常的な作業から、デザインシステムや巨大なデザインファイルを扱う場合に作業効率がアップします。 9 Figma Design System Tips. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 一括でカラーを変更する場合は、選択色を使用する 2. この便利なショートカットで、レイヤーを整理できます 3. テキストのスタイルを見つけるには、検索を使用する 4. カラースタイルをすばやくナビゲートするには、リストにする 5. レイヤーをすばやくナビゲートするには、ショートカットを使用する 6. コンポーネントの交換は、このショートカットが便利
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピードが上がらないと悩んでいる方も多いのではないかと思います。私も入社した当初はアイキャッチ（サムネイル画像）1枚に3日（！）もかけて作成していましたが、それから1年経ったいま、数時間で作成できるようになりました。 今回は、私がアイキャッチやバナーなどの制作スピードを上げるために意識的におこなったったことを紹介していきます！ デザイン編 3選 まずは、デザインに関して意識して取り組んだことを紹介します！ ①最初にレイアウトを固めてから配色などの装飾する PhotoshopやIllustratorな
Slackでよく使うショートカットキーを紹介します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マネージャーのJackです。 皆さん、コミュニケーションツールって何を使っていますか？ 弊社では、Slackというツールを使っています。IT／Web業界にいる人なら、みんなご存知ですよね。 本日は、普段私がよく利用しているSlackの便利なショートカットキーについてお話できればと思います！ チャンネルを移動する：「Command（⌘） + K」 圧倒的に使用頻度が高いものからいきましょう。 このコマンドは、別の会話へ移動するコマンドです。 このコマンドを実行すると、Slackのサーチエリアに「Jump to」と表示されます。そこで、移動したいチャンネル名を入力。その後Enterを押すことで、チャンネル間をスムーズに移動できます。 右サイドバーを折りたたむ：「Command（⌘） + .」 続いてのコマンドは、右サイドバーを折りたたむコマンドです。 右サイドバーは、スレッドでのや
Web編集者やライターが覚えておくと便利なショートカット＆機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エディターのあやまんです。LIGブログの編集をしています。 LIGブログはWordPressを使っているので、毎日狂いそうになるくらいこの画面を見ています。 ▲WordPressのテキストエディタ 今日はこのテキストエディタで使えるショートカットなど、Web編集者さんやライターさんが知っていると便利な小ネタを書いていきたいと思います。 ふだん文章をつくったり編集をしたりする機会の多い方は、参考にしていただける内容かもしれません。 Magic Trackpadは偉大 前提話を。ちょっと前から仕事用のPCをMacBook ProからWindowsのデスクトップPCに乗り換えたんです。 MacBookにはMagic Trackpadがついていたので、長らくマウスなしの生活を送っていたのですが、Winになってからはマウス＋キーボードの両刀遣いになりました。 ……これがつらい。つらすぎる。マウスを使
設定しておくと便利な各種設定・ショートカットまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はアプリケーション、PCで設定しておくと便利な設定まとめと、ショートカットの紹介です。 何度かこういう記事を書いていますが、今回はかなり細かい部分の話のまとめです。 前提 本稿で紹介するPCのセッティングやショートカットはmac OS基準になっています。 アプリケーション固有のものはWindowsユーザーの方でも同じだと思いますが、その点ご了承ください。 設定編 Googleカレンダーの権限設定 まず設定画面に移動します。 その後、予定の設定セクションへ移動します。 デフォルトのゲストの権限の値を予定を変更するに移動します。 こうすると相手都合で日付の調整があった際に、相手側からカレンダーの日付変更をおこなえるようになります。 無駄に「この日に変更お願いします！」と依頼をする必要がなくなりますし、カレンダーの説明も編集できるため追加情報を
【知らなかった】iPhoneって「背面タップ機能」があるの!? めちゃめちゃ便利じゃないか…!!
» 【知らなかった】iPhoneって「背面タップ機能」があるの!? めちゃめちゃ便利じゃないか…!! 特集 恥ずかしながら、最近やっと知りました……iPhoneの『背面タップ』という機能を。これ、地味にめちゃめちゃ便利だなぁ。なにより「画面の裏側（背面）をタップする」という操作方法がナナメ上すぎるぜ。 この機能のことをご存じの方は多いだろうが、まだ知らないiPhoneユーザーもいるかもしれないので、今回はその設定方法をご紹介したい！ ・背面タップとは 背面タップは読んで字のごとく、iPhoneの背面を「トン、トン」と2～3回タップすることで、色んなアクションができる機能のこと。 iOS14から追加された機能で、iPhone8 以降の機種から対応しているようだ。……iOS14って2020年9月にリリースされているので、情報強者の方は半年前からコレを使ってたんですね～ハハハハハ（涙目）。 では
過去の自分に教えなければならないVSCodeのショートカット - Qiita
以下はVitor Paladini ( Twitter / GitHub / dev.to ) によるVS Code shortcuts that I would teach myself if I had a time machine with limited fuelの日本語訳です。 VS Code shortcuts that I would teach myself if I had a time machine with limited fuel 「やあ俺だ。黙って聞いてくれ。時間がないんだ。」 「待って待って、お前誰だ。どうやって部屋に入ってきた。あとどうして俺そっくりなんだ。」 「俺は未来のお前だ。ここまで来たのは、特別にVSCodeのショートカットを教えるためだ。さあいくぞ」 「正気か？ロト6の番号でも株式情報でもなく、わざわざVSCodeのショートカットを教えにやってきた
【業務効率化】個人的おすすめ作業環境・設定を晒します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回は自分の仕事環境を紹介します。PCやアプリケーションの細かいセッティングや、どうマウスを使っているかなどなどです。PCはMacbook Proを使用していますが、Windowsユーザーの方にも参考にしていただける内容です。 PC・アプリケーション設定編 キーボードの設定 Caps lockはControlキーに割り当てる設定にしています。 USキーボードだとCaps lockの位置がホームポジションに指を置いたときに小指がちょうど乗るので、Emacsのキーバインドを使うときに便利です。 Emacsのキーバインドを覚えると、mac OSの場合キャレットの移動がとても楽になります。 以下はAppleの公式サイトで紹介されているショートカットキーの抜粋です。 control + A：行または段落の先頭に移動します。 control + E：行ま
VSCodeの秘伝のワザを大公開！ | DevelopersIO
こんにちは！CX事業本部の片岡です。 エディタ戦争が終息して5年たった今、無血革命と呼ばれたVisual Studio Codeをご存知でしょうか？皆様ご愛用のことと存じます。 そんなVisual Studio Codeの便利なショートカットと拡張機能を紹介します！ よく使うショートカットの紹介 拡張機能「Sublime Text Keymap and Settings Importer」をインストール前提の話です。 https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings 編集時によく使うショートカット 文字選択 Command + D ：文字を選択（入力するたび選択中の文字を複数選択できます） Command + U ：文字選択のUndo（選択前に一つ戻ります） Command +
Rectangle - macOSのウィンドウ操作をキーボードで
開発者であれば手はキーボードのホームポジションに置き続けるのが効率的なはずです。しかしGUI操作を行う際にはマウスなどを使わざるをえません。ウィンドウの場所や大きさを変える度にマウスに手をやるのは面倒です。 そこで使ってみたいのがRectangleです。キーボードショートカットでウィンドウ操作を行うソフトウェアです。 Rectangleの使い方 起動しました。 キーボードショートカット一覧です。自分で変更も可能です。 こんな感じでウィンドウを画面に寄せたりできます。 設定です。 Rectangleは多彩なショートカットが用意されているので、まずそれを覚えないといけません。一旦覚えてしまえば、素早くウィンドウを移動させられるようになるでしょう。画面の端などにぴたっと寄るので、マウスで移動させるよりも素早く、的確に移動できるはずです。 RectangleはSwift製のオープンソース・ソフトウ
Adobe公式PSブラシ1000＋個を無料ダウンロードする方法（インストールからブラシ整理テクニック）
フォトショップで利用できるブラシ素材をお探しですか。実はフォトショップには、1000種類以上の無料の高品質ブラシが用意されており、Google検索などで時間を費やす必要はありません。 フォトショップのブラシ素材は、デジタルペイントや特殊効果の追加、または画像や写真レタッチなどに利用できるツールで、作業のクオリティーを大幅にアップすることができます。 この記事では、世界中で著名なイラストレーター、Kyle T. Webster氏が作成した1,000種類を超えるAdobeのPhotoshopブラシをインストール、使用する方法を学びます。また、Adobe Creative Cloudライブラリ機能を使った、お気に入りのブラシを整理、保存する効果的なテクニックも一緒に紹介しています。 Photoshopブラシのインストール方法 フォトショップブラシをダウンロード、インストールして、実際に利用するま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCheatsheet | Shortcuts in the shortest time possible | Shortcut Illustrations
VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet
)
Powerlets - ブックマークレットを素早く呼び出すGoogle Chrome機能拡張 MOONGIFT