Back to Plugins
Auto Constraints

Auto Constraints

Automatically apply Constraints to an object based on its positsion (Xd's Reponsive Resize)

xdauto layoutconstraintsresizealignment

Plugin Preview

Auto Constraints preview

About this plugin

Apply constraints layout automatically based on and object's placement within parent frame. Similar to how Adobe XD handles constraints in "Responsive Resize: Auto" mode.For Example, a node in the top right corner of a frame will automatically receive Top, Right constraints.CommandsAuto Constrain Selection: apply Auto Constraints to the selected objectFrame and Auto Constrain Selection: Frame the selected objects and auto constrain to the new frameUngroup and Auto Constrain Selection: Ungroup the selected objects and auto constrain children to the new parent frameWatch Mode (beta): PluginUI to Auto Constrain Selection whenever object selection changesThis applies Auto Constraints to every element as it is selected and as it is deselected.Ignore Selection: Watch Mode will not apply Auto Constraints to this node. Similar to XD's "Responsive Resize: Manual"Set Keyboard Shortcuts on macOSAuto Constraint commands mimic native Figma commands for Frame (⎇⌘G) and Ungroup (⇧⌘G). Setting a keybinding will allow you to replace the native commands with this plugin's version. However, you cannot override native Figma keybindings, only make new ones. My preference is to assign the same patterns to the F key instead of G.Navigate to: System Preferences > Keyboard > Shortcuts > App Shortcuts > click "+"Select Application: "Figma.app" and set shortcut for plugin commands by pasting in the "Menu Title" in this format: Plugins->Plugin Name->Plugin CommandAuto Constrain Selection: Plugins->Auto Constraints->Selection - ⌃FFrame and Auto Constrain Selection: Plugins->Auto Constraints->Frame Selection - ⎇⌘FUnGroup and Auto Constrain Selection: Plugins->Auto Constraints->Ungroup Selection - ⇧⌘FRead more on Apple support---Report Issues on Github

Plugin Details

Version8
CreatedSeptember 23, 2022
Last UpdatedOctober 18, 2022
Categoryediting & effects plugins
CreatorJames Bradford
Stats1180 installs, 75 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:dist/main.js
  • Editor Types:
    figma