11 Best Plugins for Figma to Speed Up Your Design 

Mockuuups Studio

[{"selector":"#anim-72775f3a-4234-4c3b-bb52-a0f925032e3f","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-56f0ca64-3cd9-4aad-820b-5b9222a586b7","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c01c0fb2-cb4b-4554-9416-bffb2b8663d7","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4283fdc9-f6ca-4748-81f2-19c64f4fc868","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-41503f22-160f-42ae-ad78-50f3f6347fdd","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4656a42-edf8-415c-808b-45edb0d1600f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-00005a6e-247d-4dfb-a05d-e6d06b5a9aa8","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 1 You may get hundreds of photography-themed mockups with the Mockuuups Studio add-on. Download Now Plugins for Figma uiuxdesignonline.com

Artboard Studio

[{"selector":"#anim-d7ee3282-4eab-4639-b6a4-20f3118f94f0","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-3a9b36db-1754-4a62-b424-0e8577e8eaeb","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7fc9a11-9847-46c6-93af-415b561598a0","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7a4254b6-31f7-4a20-9299-9e8cda45e8df","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-435f6ba9-f69f-4b06-84e3-07d3110ef302","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ceec790e-2590-4245-8b6c-b5b2ee0043a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86cb3246-715a-4396-9221-61823d9a6f37","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 2 You may use the large collection of materials provided by Artboard Studio Mockups to build, animate, Download Now Plugins for Figma uiuxdesignonline.com

Zeplin

[{"selector":"#anim-162b5302-3ffb-41ee-8e9f-55fc37586cd5","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-7f5b6b07-3419-48a3-a6e3-c6330eb80618","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bad73fe-f91a-48f8-b783-f3a82e281c49","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af211da3-c8ec-4c60-9d05-74d81f0b5d72","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e01e752-b3e5-4400-889f-ed2af9f3f72c","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18118f0e-b875-414f-8f5e-6129097f5cf7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-665f1014-80d4-4495-aaf7-d10727383756","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 3 If you’re a designer working on a team with developers, you need the Zeplin plugin. Download Now Plugins for Figma uiuxdesignonline.com

Blush

[{"selector":"#anim-6f1e5950-f3ca-4fe7-9527-ef637f4ddf1b","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-27284e08-f6a7-44a1-bf04-6ef053ffe18c","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd36bbc6-9bb5-4fd1-b23f-804dfa0e5264","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6230ea5-4403-4c6a-aaa4-2bd1e671b2d5","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0627f07e-36b9-4695-ae4c-4afd3a545e59","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f684ec1-5d65-46fb-a036-22bf829221c1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1fbe78b-6ec4-4fa6-aa42-a9a6b24bb417","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 4 Does your paper call for some visual aids? Blush may be used to make and alter drawings. Download Now Plugins for Figma uiuxdesignonline.com

Motion

[{"selector":"#anim-b18753c5-03a8-4023-999c-1bdd776c9920","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-7069ea9c-949d-411f-99bb-7dcf9befe943","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7220b670-c8a9-430f-8282-c703f6c0ab39","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-71e3f903-b6b4-4282-9dcb-fd48924b43d6","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70376a81-b561-4c9b-b671-e3fa3e6bd56d","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb9265fe-cbbb-4b1f-a117-a97b92811a00","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-41814746-6951-4b2b-b51c-d579275e10b0","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 5 Motion is a plugin that may help you create silky-smooth user interface animations for your web projects. Download Now Plugins for Figma uiuxdesignonline.com

Datavizer

[{"selector":"#anim-d7932a60-eb7a-4b04-8618-312f54bef22f","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-769b110f-2feb-4b37-baa2-f4440bb13844","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48210bd1-3951-4133-a918-16cb35196d9a","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-678798d3-f9bd-49ba-a2ee-5164d8c22ec3","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1e783b08-d294-4a3a-ba6b-e86df9ff300a","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da1500a0-30cd-4e60-878f-2952194ea77f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-788e391e-bf49-4241-9d38-f78e7738e475","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 6 Datavizer is a great option if you’re in need of chart plugins for producing high-quality data visualisations. Download Now Plugins for Figma uiuxdesignonline.com

Contrast

[{"selector":"#anim-365feaee-7c2c-47ed-8d7d-9fa4552f6a18","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-038d4e8a-1ff6-46c6-8b56-f13bd685d4d5","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8f7c402c-80c8-44c9-8993-9da7a9b4bbad","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-736c4690-3a75-4947-b3e7-ce85c08b2540","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a52da8f5-96b8-4b93-a4bc-c9b3fa843f18","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dc05bfd2-5f38-4755-ae91-69657847fdf0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70b49fd5-3bdb-4367-94d4-2f9e03e86700","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 7 This plugin may be used to instantly evaluate the contrast between colours. To find a colour, Download Now Plugins for Figma uiuxdesignonline.com

Remove BG

[{"selector":"#anim-9cb9c69a-ed26-42af-9196-d83169513ef1","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-315e8be0-1246-4b9e-b0d6-a26948cb0f00","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85506ae5-1598-48b1-9ad9-a92003a786c1","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb58e75e-d580-4305-a253-39acb36f71e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5513968-fe50-4ba0-879e-17eab0d73100","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b100cdc-e906-4b8c-9b53-e87048ce0676","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d65a966-e2f0-49e3-af1a-0dae23cd055d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 8 If you want to get rid of a backdrop, Remove BG is a great option. With this plugin, Download Now Plugins for Figma uiuxdesignonline.com

Batch Styler

[{"selector":"#anim-5c66fe69-ac1d-4104-b959-04147610290c","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-cb54ed1b-3b89-4bde-9eae-2130a9ca0cb7","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-803df369-1a90-4a94-acb1-113dc3b2965f","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b641c445-3a46-4f28-8c87-73c0ec74fcb5","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc22e5c1-382f-4ace-a91a-90c7a3606d40","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8845a67-f149-46dd-a988-115060da9a5a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a3eb9e9a-0f22-4e86-9d2a-7784149072fb","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 9 That plugin does exactly what it states in its name. For a more efficient workflow, Download Now Plugins for Figma uiuxdesignonline.com

Responsify

[{"selector":"#anim-048efd75-fea0-4cdc-a683-5c76a666fd5c","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-97564fe1-38a5-496d-879b-b7634e0d1f2b","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ce1c0c7-b49d-4c32-9c33-f19c5a72c898","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c71a320-2753-480d-bf33-cced2699510c","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-359ec9c9-9dc0-439f-804b-2c7ed17ffc57","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05397886-2964-4a53-a940-f98bcb5f55fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ddda4728-d575-4848-b88f-234f93c42c2d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 10 You may easily check your designs in many devices with the help of the open-source Responsify plugin for Figma. Download Now Plugins for Figma uiuxdesignonline.com

Figma Measure

[{"selector":"#anim-5cb390b5-a2dd-4a6b-82df-af5ddd2d0008","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.3)","offset":0.33},{"transform":"scale(0.97)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1800,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-5100b103-6799-482d-91b1-bc4a67e34f82","keyframes":{"opacity":[0,1]},"delay":50,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7597b73-0582-4b84-a959-6877bfe6be18","keyframes":{"opacity":[0,1]},"delay":150,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13510fd3-f89c-4871-92e6-853175490693","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-070c2623-077a-4833-a1b1-f272f47c1a88","keyframes":{"transform":["translate3d(140.47623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f633aa91-bfe8-4474-aa91-2eb116940694","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d48ccdba-738f-436d-bf22-33d2d3b98904","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 11 Figma Measure is a tool that may be used to measure many aspects of a design, such as its dimensions or individual components. Download Now Plugins for Figma uiuxdesignonline.com