「Figmaのベクターデータの編集のしかた」のご紹介| Webデザイン参考記事まとめアプデ

2022年08月2日(火)

Figmaのベクターデータの編集のしかた

0

0

1

3

ベクターネットワーク

Figmaでのベクターは、ベクターネットワークと呼ばれています。Adobe製品に代表されるような一般的なベクターパスとほぼ同じようなものですが、一部異なる部分があります。

主な違いは下記のようになります。
種類クローズパスオープンパス一般的なベクターパス1つのパスのみ始点と終点が1:1ベクターネットワーク複数のパスを持てる始点と終点が1:n Figmaのベクターネットワークではこのようなシェイプも作成できます
一般的なベクターパスに慣れていると戸惑う部分もありますが、理解すればさほど難しくはありません。
ここからはFigmaのベクターネットワークの使い方を案内します。

用語

使い方を説明するにあたり、用語を案内しておきます...

フリーランスwebデザイナーのHiroさんが、習得した情報や学んだことのアウトプットとしてWeb制作に関する多彩な情報を発信しているblogDesign Spiceの記事『Figmaのベクターデータの編集のしかた』についてまとめています。

この記事は特にjQuery・アイコン・Photoshop・HTML5・Mac・Dreamweaverについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のDesign Spiceで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとDesign Spiceの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。