How to create mockups using Figma plugin

Published: 12 July 2021
on channel: TryNoCode
1,553
18

Create mockups in Figma easily by getting access to thousands of world-class quality Artboard Studio mockup items right inside your Figma files. Easily render Figma frames into real-life product mockups with a click of a button.

How to use:

1.Follow the on-screen guide and create a secret API key on Artboard Studio.
2.Paste your secret API key into the plugin window, save and start adding mockup items right into your current Figma file.
3.All imported items are fully layered and customizable.
4.Items that have renderable labels come with relevant frames. Copy and paste your designs into those frames, make sure the frame is selected and click Render Selected Frame.
5.You can resize frames and mockup items, it will still work as long as you keep the aspect ratio.
6.To unlock access to our premium items, subscribe to one of our premium plans. It will automatically unlock all items next time you use the Artboard Studio plugin in Figma.
7.Use the menus on the top of the items to search and filter items based on name, viewpoint, and category.
8.Happy Designing 😉

Road map:

1.Enabling "Quick Render" for Figma browser (due to an unknown bug it currently only works on the desktop version of Figma)
2.Ability to assign your current frames to Artboard Studio mockup items.
3.Automatically render frame changes into mockup items (we are waiting for the Figma team to release long-running plugins and events for plugins)
4.Adding more items every day will never leave our road map, check back every day to see new items fresh out of the oven 😋

Some Useful Links:

Learn how to make a Hamburger menu in Figma Tutorial #figma tutorial
   • Learn how to make Hamburger menu in F...  

Top 5 plugins for Figma designers in 2021
   • Top 5  plugins for Figma designers in...  




#trynocode #nocode #nocodetemplate #nocodeisfuture #nocodetech #bubbleio #template #education #learnnocode #plugins #Figmaplugins #freeplugins #explore #learning #learn #education #teach #grow #design #webdesign #Figma #Figmadesign #web #mockups #students


Watch video How to create mockups using Figma plugin online, duration hours minute second in high quality that is uploaded to the channel TryNoCode 12 July 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,553 times and liked it 18 visitors.