ヘルプセンター
ヘルプセンター
入門
Tildaの仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページを並べ替える
サイト設定
ドメイン名を購入する
ドメイン名を接続する
DNS を設定する
カスタム ドメイン エラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コードのエクスポート
プロジェクト譲渡
無料の tilda.ws サブドメイン
色の設定
URL リダイレクトの作成
HTTPS のセットアップ
ページ フォルダ
ページ編集
ナビゲーション メニューを追加する
アンカーと内部リンク
モバイル デバイスでの表示
HTMLコードを埋め込む
Google マップを追加
多言語ウェブサイトの作成
オンラインで公開するための画像の準備
カバーを売り込む
ノンブレークスペース&ソフトハイフン
ページの公開
フィードバック ウィジェットを追加する
Facebookでプレビュー
コメント セクションを追加する
Instagram フィードを埋め込む
投稿一覧または目次ページ
オンラインストアと支払い
オンラインストアと支払い処理
オンライン ストアに商品を追加する
ショッピング カートの設定
製品の直販
支払いシステムの割り当て
Stripeを設定する
PayPal を設定する
2Checkoutを設定する
注文通知の送信
オンライン決済システムなしで販売する
単一の製品の販売
製品バリエーションを追加
配送オプション
補完製品
プロモーション コード (割引) を作成する
フォーム
データ キャプチャ フォームの設定
データ取得フォーム
Eメール
Google Sheets
MailChimp
Google フォーム
SendGrid
センディンブルー
ユニセンダー
アモCRM
パイプドライブ
Zoho CRM
トレッロ
Telegram
Slack
ザピア
メーラーライト
Notion
Salesforce
ハブスポット
ウェブフック
カスタム スクリプト
フォームのエラーを回避する
Monday.com
分析
ウェブサイト統計の追跡
グーグルアナリティクス
Googleタグマネージャー
目標達成率を提出する
SEO
ウェブサイトをオンラインで宣伝する
Zero Block
カスタム ブロックを作成する
レスポンシブ デザイン
キーボード ショートカット リスト
アニメーション
ステップバイステップのアニメーション
Figmaからインポート
メールキャンペーンビルダー
メールの作成、編集、および送信
プランと請求
予定
価格と支払い
サブスクリプションの自動更新をキャンセルする
お支払い確認
Tildaビジネスプランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コードのエクスポート
ウェブフック
Tilda API
WordPressプラグイン
TILDAヘルプセンター
Figmaデザインをウェブサイトにインポートする方法
Figmaデザインを自動的にインポートできますZero Block
Figma API アクセストークンの取得方法
続きを読む
レイアウトをZero Blockにインポートする方法
続きを読む
レイアウト要件とインポート機能
続きを読む
Figma API アクセストークンの取得方法
Figmaダッシュボードに移動し、[設定]→プロフィール写真をクリックします。
[アカウント] タブで、[個人用アクセス トークン] セクションまで下にスクロールし、トークンの名前 ("Tilda" など) を入力します。
トークン値をコピーして、インポートに使用します。
レイアウトをZero Blockにインポートする方法
Zero Blockの右上隅にある3つのドットメニューをクリックし、ドロップダウンメニューから[インポート]を選択します。
Figma では、[レイヤー] パネルで目的のレイアウトを選択し、ブラウザーのアドレス バーからそのリンクをコピーします。
このリンクをレイアウト URL フィールドに貼り付け、Figma 設定で取得した API トークンを API トークン フィールドに追加します。
レイアウトがインポートされるまで待ちます。
正しいリンクを入力し、Figma API側にエラーがない場合、レイアウトはZero Blockにインポートされます。
手記:
デフォルトでは、画像はFigmaサーバーからダウンロードされます。したがって、それらをTildaにアップロードする場合は、画像を含む要素の設定に移動し、[アップロードしてTilda]をクリックする必要があります。
レイアウト要件とインポート機能
レイアウト
レイアウトは、幅 1200px のフレームで作成する必要があります。
レイアウト全体を 1 つのブロックに追加するのではなく、複数のブロックにレイアウトをインポートすることをお勧めします。
グループ
任意のグループを画像としてインポートできます。このためには、Figmaのグループ名に「image」を指定する必要があります。「svg」を指定すると、SVGファイルとしてインポートされます。
グループもインポートできます。内部に他のグループがある場合、すべての要素は第 1 レベルのグループになります。
形とボタン
ボタンをインポートするには、図形とテキストをグループに結合し、「ボタン」という名前を付ける必要があります。
テキスト配置プロパティもインポートされるため、テキスト要素の幅を形状と同じにすることをお勧めします。
図形にZero Blockでは再現できない効果がある場合は、背景に効果画像を付けてインポートされます。
作成日
Tilda