Move by Distance

About this plugin

DescriptionMove by Distance is a Figma plugin designed to give designers pixel-perfect control over object positioning. Whether you need to nudge elements by a few pixels or move them across your canvas, this plugin provides an elegant interface with sliders, number inputs, and arrow controls for precise horizontal and vertical movement.Key FeaturesReal-time Preview: See changes live on your canvas before applying themDual Input Methods: Use sliders for quick adjustments or number inputs for exact valuesFlexible Step Control: Define custom step increments for arrow buttonsArrow Button Controls: Quick movement buttons with hold-to-repeat functionalityReset Options: Quick reset buttons for each axis and double-click/right-click to reset slidersInstallationOpen FigmaGo to Menu → Plugins → Browse plugins in CommunitySearch for "Move by Distance"Click RunUsing the Pluginㅤㅤ➊ Select ObjectsSelect one or more objects on your Figma canvas that you want to moveLaunch the plugin via Menu → Plugins → Move by Distanceㅤㅤ➋ Set Your Movement ValuesHorizontal Movement:Positive values = Move rightNegative values = Move leftRange: -1000 to 1000 pixels (can enter larger values in the number input)Vertical Movement:Positive values = Move downNegative values = Move upRange: -1000 to 1000 pixels (can enter larger values in the number input)ㅤㅤ➌ Use the ControlsNumber Inputs:Click the number field and type your desired valueUse keyboard arrow keys: Up/Down to increment/decrementHold Shift + Arrow keys for 10× step incrementSliders:Drag the slider thumb for visual adjustmentDouble-click or right-click the slider to reset to 0Arrow Buttons:Click once to move by the step valueHold down to continuously move in that directionDirection buttons: ← Left, → Right, ↑ Up, ↓ DownReset Buttons:Click to instantly reset that axis to 0Disabled when value is already 0ㅤㅤ➍ Adjust Step Value (Optional)The Step field controls how much the arrow buttons move objects with each click:Default: 1 pixelSet to 10 for larger movementsSet to 0.5 for sub-pixel precision (if needed)ㅤㅤ➎ Toggle PreviewThe eye icon button controls real-time preview:Blue (active): Preview shows movement on canvas as you adjust valuesGray (inactive): No preview; changes only apply when you click "Apply"Note: Preview mode stores original positions, so you can adjust values and see instant feedback.ㅤㅤ➏ Apply or CancelApply Button:Applies the movement to selected objectsShows a confirmation message with movement detailsCloses the pluginCancel Button:Reverts any preview changesCloses the plugin without applying changesㅤㅤ☻ Pro TipsQuick Reset: Double-click any slider to reset it to 0Bulk Movement: Select multiple objects to move them all togetherPreview Toggle: Disable preview if working with many objects for better performanceCombine Axes: Move diagonally by setting both horizontal and vertical valuesHold Arrows: Hold arrow buttons for continuous movement (starts after 300ms)ㅤㅤNeed more design tools? Visit Samolevsky.com to discover more plugins and resources.