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）： マスターコンポーネントのスタイルが自動で同期される（スタイルを上

デザイナーがFigmaで作成したデザインデータを、エンジニアがコーディングする。Web開発の現場で当たり前に行われてきた業務ですが、DMMのデザインシステム「Turtle（タートル）」の開発チームは、AIを活用してFigmaのデザインデータを基にフロントエンド実装を行う新たなワークフローを構築しました。 AIが実装の大部分を担うAgentic Codingにおいて、デザイナーのデザイン業務はどのように変わったのか。そして、デザイナーとエンジニアのコミュニケーションや働き方はど

デザイナーと調べると「仕事がなくなる」と出てくることに、焦りを感じていませんか？ インハウスデザイナーをしている佐々木と申します。 私は新卒でWebデザイナーとしてキャリアをスタートしました。客先常駐でページ制作やバナーデザインなど、Web業務を一貫して担当し、目の前の制作にひたすら向き合う日々。その中で、同じサイトを長く見続け、改善を積み重ねていくことに魅力を感じるようになり、「もっと主体的にプロダクトに関わりたい」と思うようになりました。 その気持ちのまま、私はインハウス

Adobe Fireflyは、Adobeが提供する画像生成AIです。MidjourneyやDALLEなど他の画像生成AIとの最大の違いは、学習データにAdobe Stockのライセンス済み画像とパブリックドメインのコンテンツのみを使用している点にあります。つまり、著作権的に安全な状態で商用利用できる画像生成AIということです。しかも、無料プランでも商用利用が可能です！ この記事では、Adobe Fireflyの無料プランでできることや料金プラン、始め方から各機能の使い方、商用

社会人歴が、なんだかんだでもう10年以上になる。恐ろしいことだ。 「10年かけてきた現在の仕上がりはさぞ洗練されているのだろうな？」と問われると気を失う仕様なので控えてほしい。 が、なにはともあれ「仕事」というテーマで10年プレイヤーしてきたということだ。 さて、10年遊べるゲームってあるだろうか？ない気がする。 とはいえ、長くプレイできるゲームは、いろんなプレイスタイルの自由度が用意されているのではないだろうか？ ゼルダのオープンワールド、ポケモンの初心者からガチ勢まで受け