はじめまして!デザイナーのHといいます。普段は株式会社ステッチで、WebサイトのUIデザインやイラストの制作業務を担当しています。 これまでFigmaではベクターの細かな調整が難しく、イラストは別ソフト(Illustratorなど)で制作し、Figmaにインポートする方法が一般的でした。 しかし、2025年5月に登場した新機能「Figma Draw」により、Figma上でも直接描画や編集が可能になりました。今回は、この「Figma Draw」を使ってどこまで表現できるのか/実務でどう活用できるのか実務目線で検証してみました。Figma Drawとは?Figma Drawはイラストやスケッチ、手描き風のベクター線画をFigma内で作成・編集できる描画モードです。画面下のツールバーで「Draw」を選ぶと、ベクター作業に最適化された描画ツール群に切り替わります。検証1.ベクター機能まずご紹介するのは、ベクター機能です。 以前より大幅にアップデートされ、ベクターのより細かな調整が可能になりました。今回はiPadで描いたうさぎのイラストを、Figma上でベクターとして描き起こしてみました。Illustratorとは操作方法が異なるため慣れるまで少し苦戦しましたが、きれいに再現することができました。ただし、狙ったポイントに線を引きづらく、パスががたついてしまう場面もありました。UIパーツなどシンプルな要素であればFigmaだけでも十分ですが、Illustratorに慣れている人にはやや物足りないかもしれません。なお、Illustratorで作成したパスをそのままFigmaに持ち込むことも可能です。ベクターの大まかな作業はIllustratorで行い、細かい調整をFigmaで行う、といった分業スタイルが最も効率的だと感じました。とはいえ今回のアップデートで細部の調整もしやすくなり、とても便利になった印象です。2.エフェクト機能次にご紹介するのは、エフェクト機能です。これはFigma Drawではなく、デザインモードでも利用できます。ベクターデータに好みのテクスチャを適用し、表現の幅を広げることができます。これまでも似た機能はFigmaのプラグインで実現できましたが、標準機能として搭載されたことでより手軽に使えるようになりました。ここでは主なエフェクトを種類ごとに紹介します。【ノイズ】ベタ面にざらついた質感を加えるノイズテクスチャです。シンプルながらもトンマナ次第で活躍の機会が多く、Figmaで完結できるのは大きなメリットです。「モノ」「DUO」「マルチ」の3種類があり、色や印象に合わせて使い分けが可能です。【テクスチャー】アウトラインなどの境界線にラフで味のある質感を加えられるテクスチャーで、数値の調整によって多彩な表現が可能です。調整次第では鉛筆タッチやクレヨン風の見た目に変えることもできるので、こちらもイラストだけでなくデザイン素材にも活用出来そうな機能です。より数値を上げていくと、もはやうさぎのアウトラインが消えかけてきました。これは、デザイン素材としても活用できそうな表現ですね。今回の記事タイトルテキストの周りに、テクスチャーを使用したフチを適用してみました。工夫次第で、さまざまな表現に応用できそうです。3.ブラシまるでPhotoshopのような、さまざまなタッチのブラシが追加されました。今回は耳やひげなど、細かなアクセントに使用してみました。描いた線はベクターデータとして扱われるため、後から線の位置や形を調整できるため、とても便利でした。ブラシの種類も豊富で、さまざまな場面で活用できそうです。そして…うさぎさんも無事完成!まとめ今回のアップデートで、Figmaだけでもベクターイラストの作成・調整の自由度が大きく向上しました。 特にUIパーツやシンプルな説明イラストでは、IllustratorやPhotoshopに頼らず完結できる場面が増えています。 一方で、複雑なパス設計や精密な表現は、引き続き専用ソフトのほうが効率的でした。 ベクター::ラフ作業や基本形状なら十分対応 エフェクト:質感づくり・雰囲気形成に有効(デザイン素材にも流用可) ブラシ:線の表情を後から編集しやすく、試行錯誤が快適 結論としては、「大枠はIllustrator、細部や微修正はFigma」という使い分けが現状ベスト。今後の拡張次第では、Figma内で完結できる範囲がさらに広がると感じました。イラストを含むデザインもご相談ください株式会社ステッチでは、Webに関わる業務を広くご支援しています。イラスト作成もお客様のご要望にあわせてご提案を行っております。<イラスト制作事例>一般社団法人 高輪ゲートウェイエリアマネジメント高輪ゲートウェイ駅周辺地区スマートシティコンソーシアム紹介ページはこちらまずはお気軽にご相談ください。お問い合わせはこちら 制作実績のダウンロードはこちら