はじめに
FigmaのPluginを開発する際、Figma Pluginsからページを操作したいと思ったことはありますか？
この記事では、Figma Pluginsからページを操作する方法を解説します。
Figma Pluginsからページを操作する
新規ページを作る
新規ページを作るには、figma.createPage() を使うことで、新規ページを作ることができます。
const newPage = figma.createPage()
ページを複製する
ページを複製するには、clone() を使うことで、ページを複製することができます。
⚪︎ 現在のページを複製したい場合
現在、表示しているページを複製したい場合は、currentPage に clone() をすることで複製することができます。
figma.currentPage.clone()
⚪︎ 特定のページを複製したい場合
rootのchildrenは、PageNode[]のため、特定のページを複製したい場合は、rootのchildrenの要素を clone() することで、複製することができます。
figma.root.children[0].clone()
⚪︎ 生成したページを複製したい場合
以下のようにすれば、生成したページを複製することが可能です。
const newPage = figma.createPage()
newPage.clone()
ページを削除する
ページを削除するには、remove() を使うことで、ページを削除することができます。
remove() を使うと、指定したノードとそのノードの全ての子要素が削除されます。
⚪︎ 現在のページ名を削除したい場合
現在、表示しているページを削除したい場合は、currentPage.remove() で削除することができます。
figma.currentPage.remove()
⚪︎ 特定のページを削除したい場合
rootのchildrenは、PageNode[]のため、特定のページを削除したい場合は、rootのchildrenの要素にremove()を指定することで削除することができます。
figma.root.children[0].remove()
まとめ
この記事ではFigma Pluginsからページを操作する方法を解説しました。
ぜひこの記事を参考にFigma Pluginsからファイルを操作してみてください。
最後まで読んでくださってありがとうございます！
普段はデザインやフロントエンドを中心にQiitaで記事を投稿しているので、ぜひQiitaのフォローとX(Twitter)のフォローをお願いします。