An Adobe XD Plugin for ready made mobile components.

Plugin provides ready-made components which are generalized and can be used in any of the UI design. These components can be customized to the designer’s choice.Regardless of experience level, there are ways to speed up the common design tasks. You can find this not-so-well-known plugin below very helpful for your workflow.

Get me the Plugin!

SPECIAL FEATURES

Easy to use

Plugin can be found in an online curated list of plugins of Adobe XD and installed with one simple command.

Easily customizable

Colors and all the properties of the component can be easily changed and components can be placed easily wherever the designer wants.

Open-source

If you are a designer and have such creative ideas for generalized components that can help other designers through the plugin then jump to the link to contribute to the plugin

HOW TO USE?

Learn how to use it in easy steps watch the video below!

List of components available

Find the list of already included components and a lot more to be added soon



COMPONENT WINDOWS SHORTCUT MAC OS SHORTCUT HOW IT WILL LOOK LIKE
Card Component Shift+Ctrl+Alt+C Cmd+Shift+Alt+C
List Card Component Shift+Ctrl+Alt+L Cmd+Shift+Alt+L
Header Component Shift+Ctrl+Alt+H Cmd+Shift+Alt+H
Footer Component Shift+Ctrl+Alt+D Cmd+Shift+Alt+D
Textfield Component Shift+Ctrl+Alt+F Cmd+Shift+Alt+F
Button Shift+Ctrl+Alt+B Cmd+Shift+Alt+B
Toggle Button Shift+Ctrl+Alt+R Cmd+Shift+Alt+R
Icon Box Ctrl+Shift+Alt+Z Cmd+Shift+Alt+Z
Sidebar Ctrl+Shift+Alt+S Cmd+Shift+Alt+S
Form Ctrl+Shift+Alt+A Cmd+Shift+Alt+A
Accordion Ctrl+Shift+Alt+X Cmd+Shift+Alt+X

Download

You can easily find the plugin in the Adobe XD Plugin store by searching "Ready Components for Adobe XD". Or you can download it from here and just run the installer file and you'll be landing to Adobe XD with plugin installed!

Get me the Plugin!

Frequently Asked Questions

How to install it?

Ready Components is available on the XD Plugin store. Just open plugin manager and search for ‘Ready Components’. Direct link to the plugin

How to use it?

Learn how to use it easily in the steps below

  • Open the Canvas:
  • Select menu option in the upper left corner of your screen.
  • Navigate to Plugins option.
  • You can see Ready Components. Select which component you want.
  • The component is ready on your screen.