figma-page-clone
Version:
One-click tool to clone a page
105 lines • 3.03 kB
HTML
<body>
<div id="lds" class="lds-container">
<div class="lds-dual-ring"></div>
</div>
<div class="row">
<div class="column third">
<h4>Current Page: </h4>
</div>
<div class="column two-thirds">
<p id="selected-page-name">---</p>
</div>
</div>
<div id="frames" class="scrollable-container"></div>
<div class="row" id="checked-frame-warnings">
<p id="okay" class="okay show"> </p>
<p id="too-much" class="warning">If your frames are complex, consider cloning 5 frames each run.</p>
</div>
<div class="row">
<div class="column third">
<h4>Clone to: </h4>
</div>
<div class="column two-thirds">
<select id="pages-in-document"></select>
</div>
</div>
<div class="row">
<div class="column third">
<p> Name: </p>
</div>
<div class="column two-thirds">
<input type="text" id="clone-name" />
</div>
</div>
<div id="line-break" class="row">
<div class="column"> </div>
</div>
<div class="row">
<div class="column eighty">
<h4>Options</h4>
</div>
<div class="column twenty">
<h4>Apply?</h4>
</div>
</div>
<div id="detach-instances-checkbox" class="row">
<div class="column eighty-five">
<p>Detach instances </p>
</div>
<div class="column fifteen">
<div class="column" style="width: 15%;">
<label class="container">
<input id="detach-instances" type="checkbox" checked />
<span class="figma-checkbox"></span>
</label>
</div>
</div>
</div>
<div id="overwrite-checkbox" class="row">
<div class="column eighty-five">
<p>Overwrite existing frames </p>
</div>
<div class="column fifteen">
<div class="column" style="width: 15%;">
<label class="container">
<input id="overwrite" type="checkbox" disabled />
<span class="figma-checkbox"></span>
</label>
</div>
</div>
</div>
<div id="sanitize-checkbox" class="row">
<div class="column eighty-five">
<p>Remove hidden layers </p>
</div>
<div class="column fifteen">
<div class="column" style="width: 15%;">
<label class="container">
<input id="sanitize" type="checkbox" checked />
<span class="figma-checkbox"></span>
</label>
</div>
</div>
</div>
<div id="locked-checkbox" class="row">
<div class="column eighty-five">
<p>Lock all frames </p>
</div>
<div class="column fifteen">
<div class="column" style="width: 15%;">
<label class="container">
<input id="locked" type="checkbox" checked />
<span class="figma-checkbox"></span>
</label>
</div>
</div>
</div>
<div id="line-break" class="row">
<div class="column"> </div>
</div>
<div class="row">
<div class="column btn-standalone primary">
<button id="clone">Clone</button>
</div>
</div>
</body>