#Figma

6月26日、Figmaによる大規模なカンファレンスイベントであるConfig 2024が開催されました。イベント冒頭のキーノートでは、同社CEOのDylan Field氏が複数の大きなプロダクトアップデートを発表。今回は、そんなキーノートの様子を発表された新機能と一緒にレポートします。Dylan氏によると、今回のアップデート内容は、主に以下の3つのトピックに集約されるとのこと。特に、AIを活用した新機能はデザイナーの毎日の業務上の細かい悩みを解決するような素晴らしいものとなっています。複雑さの緩

長いテキストを省略したいとき、自分でテキスト量を調整して「…」を打っていませんか？Figmaでは、自動で簡単に「…」に変換することができます！作り方はテキストエリアを選択デザインタブのテキストから「タイプの選択」を開くテキストを省略で「A…」を選択これでテキストエリアよりテキスト量が多いとき、自動で「…」で省略されます。フレームの大きさが変わったときに手動でテキスト量を調整しなくてよくなります。ちょっとした作業でも簡単にできる方法を知っておくと、デザイン作業の効率が上がりますね！

すでに公開されているWebページのデザインをFigma上で作りたいときはありませんか？ゼロから全て自分で作成するのは大変ですよね。そんなときは『Builder.io（旧HTML to Figma）』を使うと自動で簡単にWebページをFigmaファイル化することができます。使い方は、『Builder.io』のプラグインを選択Importタブを開くデザイン作成したいLPのURLを「URL to import」に入力デザインの横幅を「Viewport Width」に設定「Import to Figma

Figmaのコメントを確認すると、どの部分にコメントがついているのかわからないことはありませんか？そんなときは、範囲指定してコメントをつけましょう。使い方は、左上のツールバーからコメントを選択コメントしたいエリアをドラックするこれで修正点などをより正確に伝えることができますね！

去年末に突如発表されたFigma専用のカスタムキーボード『Figma Creator Micro』。Figmaの公式サイトからプレオーダーしていたものが先日やっと届きました。モノとして楽しめるプロダクトって、所有感が満たされてワクワクしますよね。それが自分の仕事に関わるものだと尚更。ただ、デジタルデザインに携わっているとさまざまなソフトウェアに触れる機会はあっても、物理的に仕事に取り入れられるハードウェアは少ないです。そんな中登場した『Figma Creator Micro』は、Work Lou

Figmaでオブジェクトや画像の比率を揃えるのに手元で計算してませんか？ちょっとした作業ですが、何度も繰り返すのは手間ですよね。そんなときは、プラグイン『Aspect Ratio』を使うと簡単に比率調整が可能です（同じ名前のプラグインが複数あるので、注意してください）。使い方は、オブジェクトを作成または画像を挿入『Aspect Ratio』のプラグインを選択比率を変更したいオブジェクトまたは画像を選択WidthまたはHeightのうち、値が固定でない方を選択任意の比率を選択または入力してResi

Figmaでは、これまでサイドメニューに自分用の「下書き（Drafts）」スペースがあり、ユーザーが自由に使用することができました。Figmaはこれらを任意のチーム配下に移動するように求めるとのことです。移行期間中は、新たに「移動が必要なドラフト（Drafts to move）」というスペースが作成され、そこから適切なチームに一度に移動することが可能とのこと。またどのチームにも属さないような個人的な下書きファイルがある場合は、別途個人用のスターターチームを作成して下書きを格納することができます。

Figmaは、同社が毎年取り組んでいる『April Fun Day』の記念にFigmaとFigJamでカーソルをカスタマイズできる機能を期間限定で提供するとのこと。もともと4月4日は「404 Not Found エラー」にちなんで、遊び心を持った404ページの作成などが行われる記念日です。Figmaは4月4日を「April Fun Day（何か楽しいことをする日）」として祝っていましたが、今年は「April Fun "Week"」として一週間に渡り、90年代以降のデジタルデザインの歴史にもとづい

Figmaで、キャンバス上の複数のレイヤーやオブジェクトを一括して編集できる機能が公開されました。この機能を使えば、以下のようなことが可能になります。複数のテキストレイヤーの文字列を一度に更新別々のセクションにまたがるオブジェクトを複数まとめてグループ化フレーム間でオブジェクトにオートレイアウトを適用コンポーネントセットの全バリアントに同じオブジェクトを挿入できる一括編集の手順は次の通りです。キャンバスかレイヤーパネルから複数のレイヤーを選択する選択したオブジェクトに対して、移動・回転・グループ

Figma買収の合意が発表されたのち、2023年1月にはAdobeは自社のデザインツール"「Adobe XD」の開発を停止"。一年以上にわたり、Figma買収について規制当局による承認を受ける道筋を模索していました。その後、去年12月にはAdobeによる"Figmaの買収が失敗に終わったことが発表"されたことにより、開発が停止されていたAdobe XDについてのAdobeの動向に注目が集まっていました。Adobeの広報担当者によると、Figmaの買収が白紙となった現在でもAdobeはXDへの投資

Figmaは、開発モードの新たな機能、アノテーションを発表しました。また、変更内容の比較機能、プラグイン、Figma for VS Code 拡張機能の改善も行われました。開発モードの無料ベータ版は1月31日(PST)に終了します。これまで開発モードは無料で提供されていましたが、有料プランへの移行が予定されています。アノテーションの導入により、デザイナーはデザインに追加のコンテキストや仕様、寸法を直接加えることができるようになります。開発者はこれらの情報を簡単に確認でき、開発過程の効率が向上しま

18日、AdobeとFigmaはそれぞれ1年以上前より合意をしていたAdobeによるFigmaの約200億ドルでの買収、及び合併の計画について、断念したことを発表しました。独占禁止法の観点からイギリスとEUの規制当局の承認を得ることができなかったことが主な理由であるようです。FigmaのCEOであるDylan Field氏は、「これまで多くの時間を規制当局に対するAdobeとFigmaのビジネス、プロダクト、そしてマーケットにおける位置付けの違いの説明に掛けてきたものの、規制当局の承認を得られる

Figmaとモジュラーキーボードを制作するWork Louderが共同でFigma向けにデザインされたカスタムキーボード『Figma Creator Micro』を発表しました。このカスタムキーボードには、Figma上でのデザイン作業で頻繁に使用するショートカットをマッピングすることができ、Figma上でのより直感的な操作を可能にするとのことです。Figma Creator Microでは、色、キーキャップ、レイアウト、照明などをカスタマイズ可能。12のキーと2つのロータリエンコーダが搭載されて

デザインツールFigmaが、新たなバリアブル項目へのバインドを可能にする機能追加を発表しました。これにより、インナーシャドウ、ドロップシャドウ、レイヤーブラー、背景ぼかし範囲といったエフェクトの設定項目や、線の太さ、レイアウトグリッド、レイヤー不透明度のそれぞれ数値や色にバリアブルをバインドすることができるようになります。具体的には、インナーシャドウやドロップシャドウでは、位置のX座標、Y座標、ぼかしの範囲、広がりの4つの項目、そしてエフェクトの色がバインド対象となるそうです。また、レイヤーブラ

Figmaで作ったデザインに間違って変更を加えてしまわないようにするために便利なオブジェクトのロック機能。変更を加えたくない時は便利な一方、ロックされたオブジェクトはキャンバス上で普通に選択することができず、エクスポートしたい時やプロパティを確認したい時にはやや不便ですよね。Figma画面左の一覧パネルからロックされているオブジェクトを探した経験のあるひとも多いのではないでしょうか？そんな時には、『Command ⌘』キーを押しながらロックされたオブジェクトの上を右クリックしてみてください。カー

Figmaが9月から毎週木曜日にリリースしていた「小さくても大きなアップデート」ですが、今回はフィナーレとして20以上のアップデートがまとめて発表されました。これまでに公開された42のアップデートはFigma Communityで公開されているLittle Big Updates Weekly H2 2023それぞれのアップデート内容のデモ動画と解説を見ることができます。また、今回unprintedでは非公式の日本語訳ファイル【日本語訳】Little Big Updates Weekly H2

7日、AI技術を使ったFigJamの新機能が公開されました。今回公開された新機能は以下の３つで、FigJamを使った会議の開始をスムーズにしてくれるテンプレート作成機能や、付箋の内容をまとめる作業を効率化してくれるものとなっています。プロンプトによるテンプレートの生成付箋の自動並び替えとグルーピング付箋の内容の自動要約出典: Figma製品の最新情報とリリースノート

Figmaのブログにて、FigmaとAdobeのコラボレーションによって可能になるかもしれない、いくつかの「もしも」のシナリオが紹介されました。これらのシナリオは、FigmaとAdobeチームが合同で構想したとのことです。AdobeによるFigmaの買収に関しては賛否両論あるものの、それぞれのチームがこの2社のコラボレーションがデザイン業界に与えるポジティブな影響に期待していることが伺えますね。以下に、今回展開された「もしも」のシナリオを紹介します。FigJamへのFireflyの統合が行われれ

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第五弾が公開されました。今回のアップデートはカラーピッカー関連の改善をはじめとした以下の4つです。ブレンドモードにPlus DarkerとPlus Lighterが追加カラーピッカーの数値をマウスドラッグで変更できるように透過度情報付きの8桁Hexカラーコードに対応テキストが文字ごとに分けてアウトライン化されるようにPlus DarkerとPlus LighterはSketchに実装されているブレンドモー

デザイン・プラットフォームを提供するFigmaと、教育向けサービスを展開するGoogle for Educationが協働し、日本の小中高校向けの教育プログラムの提供を開始しました。このプログラムでは、Web上で共同編集が可能なFigmaとFigJamがGoogle for Education上で無償で提供されます。このプロジェクトは、デジタルリテラシーを児童・生徒に早い段階で身につけることを目指しています。また、FigmaとFigJamは、デザイン思考の柱である問題解決、コミュニケーション、コ

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第四弾が公開されました。今回のアップデートは細かな操作性を改善する以下の4つです。オブジェクトの間隔確認時にオフセットも表示されるようにエフェクト削除時の操作性が改善オートレイアウトで最小・最大サイズ超過時の警告表示が追加フレームとセクションの名前に矢印のリガチャが使用可能にOptionキーを押しながらオブジェクトの間隔を確認する際にオフセット距離が表示されるようになりました。エフェクトパネルからエフェク

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第三弾が公開されました。今回のアップデートはさまざまなコピー&ペーストの改善を含む以下の4つです。バージョン履歴から特定のフレームやグループをコピーすることが可能にクイックアクションからフレームのURLコピーが可能に文字を選択してURLを貼り付ける際にリンクとしてではなく文字列としての貼り付けを選択可能に2x、3xなどを使用したエクスポート時にサイズが合わなくなる問題を修正バージョン履歴から表示した過去の

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第二弾が公開されました。今回のアップデートはFigJamの改善を始めとした以下5つです。FigJamへの動画埋め込みが可能にYouYubeやSpotifyプレーヤーなどの埋め込みコンテンツの操作UIがアップデートFigJamのフォトブース機能の画質・音質が改善FigmaとFigJamに300以上の新しい絵文字が追加（Unicode 14.0の絵文字に対応）FigmaとFigJamでチームメンバーのカーソル

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第一弾が公開されました。今回のアップデートは以下4つのアセットパネルの改善です。アセット検索へのフィルター追加サムネイルがより見やすいサイズにコンポーネント名とバリアント数の表示モダールでのコンポーネントプレビュー特定のファイル、最近閲覧したファイル、デフォルトライブラリなどでアセットの絞り込みが可能に。アセットパネルに表示されるサムネイルがより見やすいように大きくなりました。アセットパネルに表示されるア