Back to Plugins

Split to frames
Split your design into a carousel or grid easily for social media or onboarding screens.
instagrammultiplecarouselwidthheightimagesframesocial mediagridrowcolumnssizesplit
Plugin Preview
About this plugin
Split your design into a carousel or grid easily for social media or onboarding screens.
Demo here.
Support my work here <3
If you like it, please like and comment. It will help others to see the value as well :)
How to use this plugin:
- Select a frame/component
- Run the plugin
- Choose width & height / Rows & columns that you want to split by (For example: 1080x1080 for Instagram carousel)
- Click on 'Add grid' to add a grid that is based on your selection
- Click on 'Split to frames' to split
Nice tip:
- Set the original frame as component
- Split the frame
- The new frames will be created as 'instances'
- Keep editing the component and all the smaller frames will be updated automatically
An important note:
Make sure the original frame's size is a duplication of the values you enter.
Plugin Details
Version | 4 |
---|---|
Created | December 26, 2020 |
Last Updated | November 10, 2024 |
Category | Import & export plugins |
Creator | tsuritbz |
Stats | 9200 installs, 388 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML