- Introduction
Canvas
- Canvas
- Layout
Patch Editor
Workflow
Concepts
Patches
- Bouncy Converter
- Classic Animation
- Cubic Bezier Animation
- Cubic Bezier Curve
- Curve
- Pop Animation
- Repeating Animation
- Smooth Value
- Spring Animation
- Spring Converter
- Color to HSL
- Color to Hex
- Color to RGB
- HSL Color
- Hex Color
- RGB Color
- Array Append
- Array Count
- Array Join
- Array Reverse
- Array Sort
- Decode
- Encode
- Get Keys
- Index Of
- JSON Array
- JSON Object
- JSON to Text
- Network Request
- Open URL
- Set Value for Key
- Settings JSON
- Subarray
- Value at Index
- Value at Path
- Value for Key
- Browser Buttons
- Browser Chrome
- Camera
- Device Buttons
- Device Info
- Device Motion
- Device Time
- Game Controller
- Haptic
- Interface Orientation
- Location
- Microphone
- Mouse Cursor
- Sound Kit
- Sound Player
- Sound Player Settings
- Touches
- Trackpad
- Trackpad Haptic
- Vibrate
- Double Tap
- Drag
- Drag Settings
- Gesture
- Hover
- Interaction
- Keyboard
- Long Press
- Momentum Scrolling
- Mouse
- Pop Switch
- Scroll
- Scroll Settings
- Scrollaway
- And
- Equals
- Equals Exactly
- Greater Than
- Greater Than or Equal
- Less Than
- Less Than or Equal
- Not
- Or
- Any
- Grid Layout
- Loop
- Loop Builder
- Loop Count
- Loop Dedupe
- Loop Filter
- Loop Insert
- Loop Insert at End
- Loop Option Switch
- Loop Over Array
- Loop Remove
- Loop Remove Last
- Loop Reverse
- Loop Select
- Loop Shuffle
- Loop Sum
- Loop to Array
- Running Total
- ÷
- −
- √
- ×
- +
- Absolute Value
- Arctangent
- Cosine
- Length
- Math Expression
- Max
- Min
- Mod
- Power
- Round
- Sine
- Audio Metering
- Photo Albums
- Photo Library
- Photo Library Media
- Circle
- Oval
- Rounded Rectangle
- Triangle
- Union
- Split Text
- Text Ends With
- Text Input Info
- Text Length
- Text Replace
- Text Size
- Text Starts With
- Text Style
- Text Style Builder
- Text Transform
- Trim Text
- Arc Transition
- Clip
- Comment
- Convert Position
- Convert Position
- Counter
- Date & Time Formatter
- Delay
- Delay 1
- Face Detection
- Image
- Image Info
- JSON to Lottie
- JSON to Shape
- JavaScript Patch
- Layer Info
- Object Detection
- Option Equals
- Option Picker
- Option Sender
- Option Switch
- Point
- Point 3D
- Point 3D Unpack
- Point Unpack
- Progress
- Pulse
- Pulse on Change
- QR Code Detection
- Random
- Repeating Pulse
- Restart Prototype
- Reverse Progress
- Sample and Hold
- Snapshot
- Spacing
- Spacing Unpack
- Splitter
- Stopwatch
- Switch
- Time
- Transition
- Variable Broadcaster
- Variable Receiver
- Vec4
- Vec4 Unpack
- Velocity
- Video
- Video Info
- Wait
- When Prototype Starts
Layers
- Color Fill
- Gradient Fill
- Group
- Hit Area
- Image File
- Image Layer
- Live Image
- Lottie Animation
- Map
- Oval
- Particle System
- Progress Ring
- Rectangle
- Shape
- Text Layer
- Video File
- Video Keyframes
- Video Layer
- Video Stream
- Viewfinder
- Alert View
- Checkbox
- Circular Progress
- Fake Keyboard
- Page Control
- Screen
- Status Bar
- Switch
- Text Field
- Action Sheet
- Activity Indicator
- Alert View
- Fake Keyboard
- Navigation Bar
- Notification
- Page Control
- Screen
- Segmented Control
- Slider
- Status Bar
- Switch
- Tab Bar
- Text Field
- Visual Effect

Spacing

Create spacing with 2 dimensions (X, Y). Useful when providing spacing to Layout of layers.

Spacing

X: The amount of spacing on the X axis.
Y: The amount of spacing on the Y axis.

Output: Spacing with 2 dimensions.

Patches

Spacing

Animation

Color

Data

Device

Indicator

Interaction

Logic

Loops

Math

Media

Progress

Shapes

Text

Utility

Layer

Material

iOS

Spacing

Spacing

Patches

Spacing

Animation

Color

Data

Device

Indicator

Interaction

Logic

Loops

Math

Media

Progress

Shapes

Text

Utility

Layer

Material

iOS

Spacing

Spacing

Related Patches

Related Patterns

Flip

Pivot

Rotation