イラレばかり使ってきた人間がFigmaデザインをコーディング用画像に書き出すための「クリッピング」
Ai（Adobe Illustrator）の操作に慣れた人間がFigmaへの作業移行をするにつれて、コーディング用画像書き出しに必須な「クリッピング」の観点で比較してまとめてみました。
Illustrator
【Chrome】プラグインなしで<img>タグのSVGをクリップボードに保存する方法
今回は、<img>タグのSVG画像をパス情報を保持したままクリップボードに保存する方法を忘備録として残します📝 はじめに SVGとは、拡大・縮小しても画像が荒れないベク
【2026年7月】デザイン記事まとめ
J.B.Goodeでは、技術ナレッジや日々の気づき、企業カルチャーに関する投稿を行っています。 これらの発信がより多くの方に届くよう、noteでは企業カルチャーのほか、デザイナー陣が執筆する「デ
Illustratorで立体的な金属オブジェクトを作ろう
今回は「風船のように膨らませた形」と「引き伸ばして奥行きを加えた形」の2種類の作り方を解説します。 風船のように膨らませた形 ステップ1 テキストを選択した状態で、「3Dとマテリアル
デザインツールの点と線の話
Photoshop：Illustrator ＝ 点：線 フォトショ＝ビットマップ（点）：イラレ＝ベクター（線）。ん？Figmaはどっち？フィ？フィグ？もしや、フィマ？ 意外とここ、考えてな
その画像、本当にSVGでしょうか？
SVG画像はベクター形式なので劣化がなくてキレイかつ便利！とお思いのみなさま、突然ですがSVG画像の「中身」を見たことはありますでしょうか。 SVG画像が上記のような特徴を持つのは、画像としても