Figmaで使えるSWELL用テンプレート

昨今のWeb制作では、ワイヤーフレームからデザイン制作までFigmaで制作を行います。

またコーディング時もやはりFigmaを見て、サイトを制作しますので、Figmaで制作は重要になっています。

例えばサイト制作のベースがSWELLであるならば、SWELLのデータからワイヤーなり、デザインをしたいですよね。

そこでSWELLのデザインをFigmaで扱えるデータを作成してみました。

全て編集・加工しやすい単位までパーツ化しております。

2024.5 SWELLブロックの全デザインパータンも追加

Figmaで使えるSWELL用テンプレートについて

できるだけSWELLの基本のパーツを集めて再現しました。

記事ページには主要なWordPressブロックから、SWELLブロックまでのパーツも入っております。

全て編集・加工しやすい単位までパーツ化しております。

【2024.5追加】SWELLブロック&WordPressブロックの見た目･全21種類デザインパターン集

SWELLブロックの全デザインパータンをHTML化しました。

Figmaで使えるSWELL用テンプレートの入手方法と使い方

テンプレートは有料です。

下記のサイトからFigmaのデータ購入してください。

まとめ

今後もSWELLを再現したFigmaのデータを追加したり、使いやすいようにデータ整理やオートレイアウト設定をしていくつもりです。

1度購入すれば、追加のアップデートデータも入手可能です。