top of page

Wix Studio プラグイン:Figma インポート機能

Figma との連携で Web 制作を効率化

Figma で制作したデザインを Wix Studio にシームレスにインポート。ノーコードのアニメーション、内蔵のビジネスツールや AI 機能、CMS、カスタムコードなど、必要なものを自由に組み合わせて理想のサイトをすばやく公開できます。

すぐに使える
高度なビジネスツール

ビジネスに直結するソリューション

あらゆる業界に適したネイティブツールを統合して、ニーズに合ったカスタムサイトを構築できます。

ネットショップ上のカラフルなバックパックの商品ページ。

ネットショップ

サービス予約

イベント

レストラン

ホテル

ブログ

制作会社向けツール

複数サイトの一括管理、チームでの共同作業、アセットの再利用など、組織で手がけるプロジェクトに便利な機能が揃っています。

Wix Studio ワークスペース。すべてのサイトを一箇所で確認できるほか、チームの管理やサポートチケットへのアクセスが可能。

デザインライブラリ

リアルタイムのコメント機能

サイトの同時編集

リソースキット

役割・権限設定

ワークスペース

Wix Studio アプリ

レスポンシブツール

画面サイズに応じてレイアウトが変化するため、ブレイクポイントごとのデザイン調整が不要に。従来通りの細かなサイズ指定も引き続き行えます。

CSS グリッド

セクショングリッド

リピーター

レスポンシブ AI

スタック

フルスタックの開発プラットフォーム

お好みの IDE で Wix サイトを開発し、カスタムコンポーネントからフルスタックのソリューションまであらゆる要素を追加できます。

カスタム CSS

80種類以上の API

AI コードアシスタント

ブロック

ヘッドレス

AI 機能

Wix Studio に搭載の AI で Web 制作をもっとスマートに。創造性とイノベーションをかきたてられる機能が満載。

AI コードアシスタント

AI 画像生成ツール

AI マイアプリ生成

レスポンシブ AI

AI テキスト生成ツール

Figma インポート機能の使い方

01

Graphic displaying the Figma logo moving towards the Wix Studio logo to represent the Figma-to-Studio plugin

Figma コミュニティページで、Wix Studio プロフィールからプラグインをインストールします。

02

Figma ファイル上部のメニューバーで「移動」アイコンが選択されている様子を拡大したスクリーンショット。

ベストプラクティスガイドラインに従って Figma ファイルを準備します。

03

Figma インポート機能プラグインのプロセスにおける「エクスポート」ステップで推奨される最初のステップを表示したスクリーンショット。推奨される最初のステップは、「スタイルをエクスポート」のオプション。

白紙のキャンバスまたは既存の Wix Studio サイトにデザインをエクスポートします。

04

Figma インポート機能プラグインのプロセスにおける「インポート」ステップのスクリーンショット。ユーザーはここでデザインのインポート方法を選択可能。画像では「ページ」が選択されている。

ページ、セクション、コンテナ、スタックなどの形でデザインをインポートします。

05

Figma インポート機能プラグインのプロセスにおけるアニメーションとカスタム機能などの追加ステップのスクリーンショット。画像では Wix Studio エディタの「アニメーションとエフェクト」パネルが表示されている。

インタラクションやカスタム機能など、お好みの要素を追加してサイトを仕上げます。

ニーズに応じて選べる
豊富なワイヤーフレーム

Wix Studio では、コンバージョンアップを考慮して設計されたコンポーネント、セクション、ページなど、100種類を超えるサイト要素をご利用いただけます。

レスポンシブ

カスタム可能

レイアウト自動設定

変数利用

定期的なアップデート

デザインにさらなる
機能性を。

bottom of page