Illustratorで作成した線画をUIデザインツールFigmaにコピーする方法
Illustratorで作成した線画をUIデザインツールFigmaにコピーする方法

Illustratorで作成した線画をUIデザインツールFigmaにコピーする方法

2018.06.08

ホームページ制作関連

Illustratorで作成した線画をUIデザインツールFigmaにコピーする方法

Figmaでイラストやアイコンを作成することはもちろん可能ですが、やはり細やかな表現はIllustratorの方が一日の長がありますし、何より使い慣れているユーザーが多いでしょう。

そんな方に朗報です。なんとUIデザインツールのFigmaで、Illustratorで作成した線画（ベクター状態）をコピーできるんです。過去Illustratorで作成した今までのイラストやアイコンを「ベクター状態」でFigmaでも使用できる。となるとこれはもうやらない手はないです。

  • Figma: the collaborative interface design tool

やり方は簡単です。今回はその方法をご紹介します。

Illustratorで線画を作成しコピーする

まずはIllustratorでイラストやアイコンを作成します。 作成できたら選択しコピーをしましょう。

Figmaに移りペーストする

次にFigmaに移りペーストします。 するとFigmaにIllustratorで作成した線画がコピーされました。先の太さや色の塗りなどの情報もすべてIllustratorで作成したままです。

コピーした線画は編集が可能

もちろんコピーした線画はFigma上で編集も可能です。先の太さ、拡大縮小、塗りなどを変更することが可能です。

どこまで情報が維持されるか試してみた

かなり複雑なイラストがどこまでFigmaで維持されるか試してみたところ、短縮化されてコピーされました。ある程度の限界があるみたいですね。まあUIデザインツールなので、このクラスのイラストはラスタライズ化など画像化して使用したほうが良いでしょうね。

最後に

まさかIllustratorで作成したイラストやアイコンなどの線画がそのままコピーペーストできるとは思いませんでした。なかなか便利なのでみなさまもご活用ください。

SHARE

Sponsored Links

月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

【意外と知らないIT用語】ドメインって何？ お名前.com

この記事の筆者

デザイナー 芳村 明文

カテゴライズしたらきっとデザイナーのはず。音楽（洋楽をジャンル問わず雑多に貪る）、欧米テレビドラマ（シットコム）が好き。時々バンド活動。

デザイナー 芳村 明文の記事一覧へ

こちらの記事もおすすめです

2018年5月25日

UIデザインツールFigmaのグラデーションマスクの作成方法

2018年5月10日

UIデザインツールFigmaのマスク作成方法 基本編

2018年6月1日

UIデザインツールFigmaの属性コピーの方法

2018年4月20日

UIデザインツールFigmaの新規ドキュメント&フレーム作成方法

2018年5月18日

UIデザインツールFigmaの矩形作成方法

2018年4月13日

UIデザインツールの新旗手？Figmaに注目！

ホームページに商材情報や事例を充実させるメリット

御社のホームページは大丈夫？6/11(PST)からGoogl･･･

関連記事

2020年1月28日 複数アイコンやルート記述など便利機能で手軽にカスタムでき...

2019年9月13日 Photoshop CCのパターン登録方法

2019年8月28日 wordpressの管理画面で不要なメニューを非表示にしてスッキリ...

Archive

過去の記事一覧 2020年1月  (1) 2019年9月  (2) 2019年8月  (3) 2019年7月  (1) 2019年6月  (5) 2019年5月  (3) 2019年4月  (3) 2019年3月  (5) 2019年2月  (8) 2019年1月  (7) 2018年12月  (8) 2018年11月  (10) 2018年10月  (13) 2018年9月  (9) 2018年8月  (12) 2018年7月  (14) 2018年6月  (14) 2018年5月  (14) 2018年4月  (14) 2018年3月  (12) 2018年2月  (10) 2018年1月  (14) 2017年12月  (13) 2017年11月  (13) 2017年10月  (23) 2017年9月  (25) 2017年8月  (27) 2017年7月  (24) 2017年6月  (24) 2017年5月  (1) 2017年4月  (3) 2017年3月  (6) 2017年2月  (10) 2017年1月  (11) 2016年12月  (12) 2016年11月  (15) 2016年10月  (16) 2016年9月  (17) 2016年8月  (19) 2016年7月  (17) 2016年6月  (22) 2016年5月  (17) 2016年4月  (19) 2016年3月  (26) 2016年2月  (32) 2016年1月  (18) 2015年12月  (21) 2015年11月  (19) 2015年10月  (21) 2015年9月  (24) 2015年8月  (20)

キーワード

  • Figma (10)
  • 高速化 (2)
  • セキュリティ (1)
  • プラグイン (7)
  • Advanced Custom Fields (2)
  • 統計 (7)
  • コンテンツマーケティング (48)
  • ライティング (11)
  • Googleアナリティクス (12)
  • アプリ (30)
  • モチベーション管理 (9)
  • 情報収集 (19)

SNSでフォロー

📎📎📎📎📎📎📎📎📎📎
BOT