Figmaで範囲指定をしてコメントする方法

5月8日、Figmaによる年次のカンファレンスイベント、Config 2025が開催されました。イベント冒頭のキーノートでは、Figmaのプロダクトチームや同社CEOのDylan Field氏が複数の大きなプロダクトアップデートを発表。今回は、そんなキーノートの様子を発表された新機能と一緒にレポートします。 ## グリッド機能: CSSのグリッドレイアウトに対応したグリッド表現が可能に これまでFigma上でのグリッド表現はガイドを利用してマニュアルで配置する必要がありました

Figmaには複数の要素をまとめる方法に「グループ」と「フレーム」が存在します。今回解説するオートレイアウトは、「フレーム」の中の要素を整列させたり、配置・間隔を自動で調整する機能です。 使いこなせるととても便利な機能なので、まずは基本から習得しましょう！ 最初に、オートレイアウトの適用方法を説明します。 適用の仕方は、 1. 複数の要素を選択 2. 右メニューから「オートレイアウト」を選択（shift+A） 次に、要素の間隔、周りの余白（パディング）を指定する方法を説明しま

Figmaでデザインをした際に、画面遷移図を作成したい時はありませんか？ そんなときは、プラグイン「Autoflow」を使うと簡単に作成が可能です。 使い方は、 1. オブジェクトを作成 2. Autoflowのプラグインを選択 3. Shiftを押しながら矢印の始点→終点の順でオブジェクトを選択 また、プラグインで矢印の太さなどの調整や説明テキストを追加することが可能です。 ちなみに、プラグインを使わなくてもFigJamから矢印をコピー&ペーストしてフローチャートを作ること

Figmaでコンポーネントを解除したい時やインスタンスをフレーム化して編集したい時はありませんか？ 実はコンポーネントを直接解除する方法はありません。しかし間接的に解除することはできるため、本記事ではその方法を解説します。 コンポーネントには、マスターコンポーネントとインスタンスが存在します。マスターコンポーネント（Master Component）：スタイルを編集・変更できるインスタンス（Instance）： マスターコンポーネントのスタイルが自動で同期される（スタイルを上

デザインの⽅針は決まった、デザインの基本的なメソッドやルールも勉強した、このウェブサイトで解決すべきユーザーの課題も理解した。でもいざビジュアルデザインに着⼿しようとしても、まず何から⼿をつければいいのかわからない……。経験が豊富でないデザイナーの⽅でこういうお悩みを抱えている⽅はいませんか？ この記事では、そういったデザイン初学者向けに、ビジュアルのスタイリングを実際に⾏う際に意識するとよいことをまとめました。パソコンの前で頭と⼿が⽌まってしまっているあなたの背中を押す⼀歩

先端テクノロジーを活用した没入感のあるクリエイティブで、国内外の人を魅了してきた「チームラボ」。社内の95％がものづくりを担うメンバーで構成され、ミュージアムや展示会などを手がける「アートチーム」と、デジタルプロダクトや空間デザインなどのクライアントワークを手がける「ソリューションチーム」に分かれている。 同社の唯一の行動原則が、「時代で一番、クオリティが高いものをつくる」こと。採用チームでリーダーを務める山田剛史氏に、クライアントワークにおいて最高品質を生み出すための秘訣を

AIの台頭により、「UX/UIデザイナーは今後不要になるのでは？」という声が聞かれます。デザイナーはこれまで、デザインの手法を時間をかけて学んできましたが、今や「ChatGPT」などのアプリケーションにプロンプトを入力するだけで、AIがさまざまなタスクを自動で処理してくれるようになりました。 しかし、「そんな時代だからこそUXデザイナーが必要とされる」というのは、オランダで数々の大企業のUXデザインを手掛けてきたトム・レインハウト（Tom Reinhoudt）さん。オランダで

結論：Photoshop買い切り版は2012年に販売終了【代替案あり】 結論から言うと、Photoshopの買い切り版（永久ライセンス）は2012年のCS6を最後に販売終了しています。 現在Photoshopを使うには以下3つの選択肢があります： 1. 月額サブスクリプション版のPhotoshop（フォトプラン：月額2,380円〜） 2. 買い切り版のPhotoshop Elements（約19,580円・ただし3年制限あり） 3. 代替ソフト（Affinity Photo等