WordPressテーマ「SWELL」の仕様を再現したFigma用テンプレートです。
SWELLを使うサイトのデザイン検討用に作成した素材です。
テーマ本体やWordPressへそのまま取り込むデータではありません。
目次
WordPressテーマ「SWELL」再現Figmaテンプレートの仕様
素材のデータ形式
.fig（Figma design）形式です。
素材のダウンロード手順：下のGoogleドライブでTEMPLATE -SWELL_v02.figを選び、ダウンロードします。
リンク先にあるファイル名とバージョンを確認してください。
旧版を使っている場合は、上書き前にファイルを複製してください。
素材は2024年5月の更新内容をもとにしています。
現在のSWELLで使う際は、対象ブロックの表示も確認してください。
素材のインポート方法：Figmaのファイルブラウザを開きます。
「Create new」のメニューから「Import」→「Import from computer」を選び、取得した.figを開きます。
ファイルブラウザへのドラッグ＆ドロップでも取り込めます。
WordPressテーマ「SWELL」再現Figmaテンプレートのダウンロード
配布ファイル名は次の項目に記載しています。
旧表記のTEMPLATE -SWELL.figではなく、末尾が_v02のファイルを確認してください。
Figmaの基本的な操作方法はまとめ記事で確認できます。
あわせて読みたい
Figmaの使い方まとめ｜操作・素材・ツール・トラブル対処
Figmaについて書いた記事を、目的別に分類しました。 操作に迷ったときと素材を探すときで入口を分けています。 各カテゴリーは閲覧数の多い順に表示しています。 記事…
以下のリンクからダウンロードできます。
TEMPLATE -SWELL_v02.fig
ご不明な点がある場合はお問い合わせからご連絡ください。
インポート後は、使用するフォント、PCとスマートフォンの横幅、見出し・ボタンの設定を実際のサイトと照合してください。
2024年5月以降にSWELLへ追加された機能まで網羅しているとは限りません。
そのまま使える配布物は、ほかにもあります。
あわせて読みたい
Figma│見出し 全部入りパック（全40種類）
扱っているUI素材の見出しがすべて入っているパックです。 商品が増え次第、追加していく予定です。 2024/7/9：20種類 2024/8/28：20種類追加 Figma│見出し 全部入りパ…
あわせて読みたい
Figma│ボタン全部入りパック（全35種類）
配布中のボタンUI素材をまとめたパックです。 素材が追加され次第、順次更新する予定です。 2024/3/25時点：全35種類 ボタン一覧（全35種類）の見本 ボタンパック（全35…