新着記事

2025年3月にStudioの支払い方法、クレカの登録を変更したのですが、決済できなくなったのでその解決方法を書いておきます。 結論を言いますとクレカの支払い登録時に認証情報を入力があるのですが、それをしないまま登録できてしまう現象が起きていたよう...

Figmaはデザインツールとして世界中で広く使われており、そのシンプルさと強力な機能で多くのデザイナーに支持されています。 しかし、効率的に使いこなすためには適切な知識が必要です。このまとめでは、初心者から上級者まで役立つFigmaに関するおすすめ...

Studioのテンプレートを確認時、タブレットやモバイルに切り替えた時に、表示されなくなる要素はないでしょうか？ たとえばヘッダーのメニューがタブレットでも表示したいのに消えてしまうといったケースです。 そんな時の解決方法を書いておきます。 Stud...

Studioのテンプレートをいじる際にtextの色は変更できるが、背景色が変更できないというケースはないでしょうか？ 本記事では背景色が変更できない時の解決方法を紹介します。 テキストの背景色が変更できない時に対応方法 解決方法は単純です。 上部のタ...

プラグイン｢Figma to Studio｣を使ってFigmaのデータをStudioにインポートする時に、 ｢ボックスの親子関係が保存できる最大の深さを超えたためデータを保存できません。｣と警告が出る場合があります。 これは階層が一定以上の深さがあるためにインポートが...

テキストや色の状態を保存するローカルスタイルは知っているけど、ローカルバリアブルはよくわからないと言うことはないでしょうか？ 公式には「ファイルとプロトタイプの全てに適用出来る再利用可能な数字、テキスト、色を作成します。」と書かれています...

キャンバスの空白をクリックすると右側にパネルが表示されますが、その中にローカルスタイルというメニューがあります。 このローカルスタイルには、下記の4種類の状態を保存することができます。 ローカルスタイルに保存できるもの テキスト 色 エフェク...

Figmaでデザインを作成していて、サイズ違いを作成する時に、フレームだけ拡大しても中の文字等のサイズは変化しません。 直感的にラフなデザインを作る場合等はAdobeのツールのようにまとめて拡大縮小したいですよね。 そんな時は拡大縮小ツールというも...

Figmaのファイルが増えてくると、管理画面上のデザインファイルの管理が猥雑になりがちです。 そこでサムネイルを設定しておくと、非常に視認性が上がります。 本記事ではデザインファイル用のサムネイルの設定方法について解説します。 Figmaの管理画面用...

フレームやスライスはなんとなく役割がわかるけど、セクションは何に使うのだろうと思ったことはないでしょうか？ フレームはコンポーネントを配置してレイアウト作成するために使う枠であるのに対して、セクションは画面内の情報をまとめるためのツールで...

他人から引き継いだFigmaのデータ。 テキストをコピペして、新しいテキストを入力、 文字サイズを変更したいという時に文字サイズの変更ができないことはないでしょうか？ 文字サイズの変更ができない状態 文字サイズの変更ができる状態 本記事では、この...

Figmaのデータを編集する時に、テキストを打ち替えようとすると「欠落しているフォント」と表示が出ることがあります。 これは作成した人のPC環境にしかないフォントが使われている影響だったりする？ と、思いきやそうでもなかったりします。 Figma上で使...

ボタンや見出しなど、サイトで繰り返し使うものを共有化して、再利用できるものをアセットと言います。 オリジナル（メインコンポーネントと言います）のボタンの文言や色、形を変更すると、アセットとして複製配置されたものも全てが変更されるので、うま...

Figmaにはグループやフレームという機能があり、それらは初心者でも感覚的に理解して使いこなしていますが、 キャンバスごとの単位で表示・非表示ができるPage（ページ）機能は気づかない人が多いです。 FigmaのPage（ページ）の使用例 下記のようにワイヤ...

Adobe Creative Cloudを契約。 解約月以外で解約しようとすると解約手数料がかかってしまいます。 こちらを0円するる方法がありますので本記事ではそのやり方を解説します。 Adobe Creative Cloudを無料で解約する方法 STEPプランを変更する そのまま解約...

「グラフィックデザインを勉強したいけど、どんな本があるかわからない……」 勉強するための本にお悩みのあなたに、おすすめの本を30冊まとめました。 基礎知識 レイアウト フォント ロゴデザイン 配色 実践 以上のカテゴリごとにまとめてあります。 気にな...

Creative Cloudを安く購入するメジャーな方法はAdobe認定スクールから学割で購入することです。 しかし、もっとお得な方法があるという情報を知りました。 そのやり方は、AdobeのCreative Cloudを解約の引き止め特典を使い続けるという手法です。 ※初月は...

こちらのCGメソッドの記事では一番安い！アドビ認定スクールから購入する方法（+講座付き）」を紹介します。 公式より約3万円安く購入することが可能です！ 先にポイントをまとめます！ アドビ認定スクールでAdobe Creative Cloudが特別価格（学割）で購入...

[center] ＼10万冊以上読み放題／ kindle unlimited 読み放題 詳細ページへ 再利用者も対象（1ヶ月）／ [/center] こちらのCGメソッドの記事ではCG・DTP・Webデザイナーにおすすめの読み放題サービスを紹介します！CGWORLDを定期購読するなら「Kindle Unli...

Hugoを使ってポートフォリオサイトを作成したかったので、構築することにしてみました。 環境構築にgit使ったり、記述方法もマークダウンで書いたりと、 コードを書かないデザイナーにとっては敷居が少し高いのですが Hugo+GitHunで無料で素敵なサイトが構...

普段使わないPCでAdobeXDを入れて、画面作成してみたのですが 画像がドラッグ＆ドロップできないので調べて解決してみました。 どうやらユーザーアカウント制御設定を有効にする必要がありそうです。 ついでにWindows10で起動時に白い画面で止まってしまう...

PC内の全フォントを一覧できるサイト「ワードマークイット」を紹介します！ ロゴなど作る時に、どのフォントをベースにしようかな？と悩んだ時に使えそうです。 Wordmark.it（ワードマークイット） PC内の全フォントで一覧できる便利サイトするサイトウェ...

アドベントカレンダー8日目の記事です。 Adobe XD Advent Calendar 2018 12/8 アドカレ（アドベントカレンダー）を初めて書かせていただきます！ 過去からある機能で新しさは無いのですが、「UI画面リスト作成に使えるXDのURL活用方法」について紹介させて...

Creative Cloudのアップロード・ダウンロード・共有リンクについてまとめてみました。 WEBへのログイン先 ログイン先はブックマークしておきましょう！ データのアップロード・ダウンロードのTIPS アップロード デスクトップに専用のソフトをいれて、C:\Us...