A Few Figma Plugins and Tools to Boost your Design Workflow

Goldobin Anton
2 min readAug 18, 2021

FRAMER

A JavaScript framework tool where you can import Figma files easily and create realistic prototypes with filters, spring physics, and 3D effects.

https://www.framer.com/

HTML<>FIGMA

Easily convert Figma designs to HTML, CSS, React Vue, and more.

https://www.figma.com/community/plugin/747985167520967365/Figma-%3C-%3E-HTML---Design-to-code!

CODA

Design with data from docs and apps such as Spotify, Wikipedia, Intercom etc. Create a table in Coda, connect your design to the table and watch it fill up with real data.

https://www.figma.com/community/plugin/738264841927149297/Coda-for-Figma

VECTARY 3D

Insert your 2D designs directly into Figma as 3D mockups or other 3D designs, all with one click.

https://www.figma.com/community/plugin/769588393361258724/Vectary-3D-Elements

VIEWPORTS

The most popular display sizes in one plugin directly in Figma. Choose from a variety of display sizes and apply them to frames.

https://www.figma.com/community/plugin/732240841094697441/Viewports

RESPONSIFY

Quickly test your designs across multiple different device sizes.

https://www.figma.com/community/plugin/743654854885744527/Responsify-%E2%9A%A1%EF%B8%8F

AUTO LAYOUT

Apply popular auto-layout presets / design forms. All selected objects are stretchable, saving you time when resizing your mockups.

https://www.figma.com/community/plugin/934512914792764003/Auto-Layout-Presets

CHART

Create useful charts using real or random data by copy-pasting files from editors like Excel, Numbers, and live Google Sheets. Chart supports remote JSON (REST API), local CSV and JSON files.

https://www.figma.com/community/plugin/734590934750866002

--

--