StyleFrame
Log InGet StartedGet Started for Free
Log InGet StartedGet Started for Free

Upgrade Your Plan

-20%

Free

Create with 250 Credits:

~1 video at
4s

or 20+ Images

$0
/month

This includes:

  • 250 Free Credits
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Basic

Create with 1,000 Credits:

~5 videos at
4s

or 50+ Images

$9
/month

This includes:

  • ~110 Credits / $
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Pro

Most Popular

Create with 5,000 Credits:

~25 videos at
4s

or 400+ Images

$39
/month

This includes:

  • ~130 Credits / $
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Studio

Create with 15,000 Credits:

~80 videos at
4s

or 1,250+ Images

$99
/month
$79$999

This includes:

  • ~150 Credits / $ (Best Deal)
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 5 Concurrent Jobs

Enterprise

For larger studios and enterprises

Unlimited Output Across All Tools

Contact Us

This includes:

  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 5 Concurrent Jobs
  • Dedicated Onboarding
  • Team Management
  • Custom / Centralized Billing
  • Single Sign-On (SSO)
  • Custom Security & Privacy
  • Priority Support

Frequently Asked Questions

Can I cancel my subscription any time?

Yes. You can cancel your subscription any time . On a monthly plan, your subscription ends after the current month. On an annual plan, it ends after the current year.

How do I cancel my subscription?

You can cancel, manage, upgrade, or downgrade your subscription any time . To avoid future charges, cancel at least five days before your billing period renews.

Do my monthly credits roll over?

Unused subscription credits don't stack on top of the next month's grant. Each billing period refreshes your balance up to your plan's credit amount. After your plan expires, you lose access to paid credits.

What's the difference between the monthly and annual plans?

The features you get are the same. The only difference is pricing. Annual billing is about 20% less per month, while monthly billing is more flexible.

For example, on Pro: monthly billing is $39/mo and you're billed $39 for the month. Annual billing is $30/mo and you're billed $360 for the year.

If you know you'll use Styleframe regularly, annual is usually the better deal. If you're just trying things out, start monthly. You can switch to annual any time.

What if I need more credits?

If you keep running out of credits, upgrade to Premium or Studio for a larger monthly amount. For high volume, custom needs, or unlimited credits, contact us about Enterprise.

What happens when I upgrade?

When you upgrade, you get the new plan's features right away. You're charged the full difference between the two plan prices, and the extra credits are added to your balance. Your renewal date stays the same.

What happens when I downgrade or cancel?

The change takes effect at the end of your current billing cycle. You keep paid features and remaining credits until then. When the cycle ends, paid credits reset with your new plan or the free plan.

How does Enterprise unlimited work?

Enterprise includes unlimited credits across Styleframe tools, plus API access and a shared organization workspace. It's built for larger studios with high or unpredictable volume.

To keep things reliable for everyone, we may apply fair use controls if we see unusual or automated activity. Contact us if you want to talk through Enterprise for your team.

How to Add Grid Lines in Procreate

StyleFrame Team • October 20, 2026 • 7 min read

To add grid lines in Procreate on iPad, tap the Actions (wrench) icon, open Canvas, switch on Drawing Guide, then tap Edit Drawing Guide and choose 2D Grid. From there you can drag the blue node to move the grid, drag the green node to rotate it, and adjust color, opacity, thickness, and grid size. Tap Done to commit. On Procreate Pocket, go to Modify > Actions > Guides, tap 2D Grid, and use Guide Settings to edit it.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Step-by-step: turn on the 2D Grid in Procreate

The grid lives in Procreate's Drawing Guide system, so the setup is the same whether you're sketching a storyboard panel or laying out a style frame.

  1. Open your canvas, or create one at the aspect ratio you'll deliver in (for example 16:9 for HD or UHD video).
  2. Tap the Actions icon (the wrench).
  3. Tap Canvas.
  4. Toggle Drawing Guide on. A default grid appears over your artwork.
  5. Tap Edit Drawing Guide to open the Drawing Guides screen.
  6. Tap 2D Grid at the bottom of the screen if it isn't already selected.
  7. Adjust the grid with the controls below.
  8. Tap Done to keep your changes, or Cancel to leave the canvas as it was.

The grid appears as thin lines over your artwork.

Procreate Pocket (iPhone)

The path is slightly different on the phone version:

  1. Tap Modify, then Actions, then Guides.
  2. Tap 2D Grid.
  3. Tap Guide Settings to open the Drawing Guides screen.
  4. Adjust the settings and tap Done.

Pocket also includes a Units option, so you can choose the unit type used for your grid measurements.

Customize the grid to match your layout

Once you're in the Drawing Guides screen, you have two groups of controls: placement and appearance.

Position and rotation

Two nodes control where the grid sits:

  • Blue positional node: drag it to slide the entire grid across the canvas. This is useful when you want a grid line to land exactly on a focal point, a horizon, or the center of a title.
  • Green rotational node: drag it to rotate the grid. Use it to build a tilted composition, a Dutch-angle frame, or a layout that follows a rotated camera move.

If you drag things too far, tap either node and choose Reset to return the grid to its default position.

Appearance settings

  • Color: use the hue bar at the top of the screen. Pick a color that contrasts with your palette. A bright cyan or magenta line reads well over dark, desaturated frames, while a darker line is easier on light paper-style canvases.
  • Opacity: controls how visible the lines are, from invisible to fully opaque. Lower opacity keeps the grid helpful without competing with your drawing.
  • Thickness: controls line weight, from invisible to noticeable. Thin lines are better for precise alignment; thicker ones are easier to see on a small screen.
  • Grid Size: sets the scale of the squares. Smaller squares give you tighter alignment control. Larger squares suit rough thumbnails and broad proportion checks.
  • Drawing Assist (iPad): when enabled, your strokes automatically adjust to follow the direction of the grid lines. This helps with straight horizontals and verticals, and with rotated grids it keeps strokes aligned to your custom angle.
StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

Add grid lines to a photo or reference image

If you want to check proportions on a photo, the process is the same as for a blank canvas. Import the image into Procreate, then turn on the 2D Grid as described above. Because the grid is an overlay on the whole canvas, it shows over the photo and any layers you add above it.

This is a classic method for transferring a reference to a drawing: set the grid, sketch on a new layer, and compare each square against your source. For motion work, the same technique helps when you're redrawing a frame from a pitch deck, tracing a plate composition, or checking where key elements fall relative to thirds.

Tips for working over a photo:

  • Put your sketch on a separate layer above the photo so you can toggle visibility and compare.
  • Lower the photo layer's opacity if the grid and image compete visually.
  • Match the canvas aspect ratio to your final frame before you start, so squares map cleanly to the composition.

Use grids for motion design and video work

Procreate isn't a motion tool, but plenty of animators, designers, and VFX artists use it for the pre-production stage. A grid helps in several practical ways.

Storyboards and animatics

Set up your canvas at your delivery aspect ratio, turn on the grid, and use it to keep horizon lines level, characters consistently scaled from panel to panel, and key props in the same position across shots. Consistent grid settings across boards make it easier for editors and directors to read continuity.

Style frames and layout

A square grid is a quick way to build a modular layout: align type blocks, logos, and icons to grid intersections, and keep margins consistent. Before you move into After Effects, you'll already know where text, graphic elements, and focal points should sit. If you plan to recreate the layout with guides or a layout grid in your compositing app, use the same number of divisions in Procreate so your proportions match.

Character and prop turnarounds

For model sheets, a grid helps keep head height, shoulder width, and limb lengths consistent across views. Rotate the grid slightly if you're drawing a three-quarter pose and want to follow a tilted baseline.

Planning safe areas

The 2D Grid is not a title-safe overlay, but you can approximate one: pick a grid size that divides your canvas evenly and treat the outer squares as your margin. For delivery-critical safe areas, build precise guides in After Effects or Premiere Pro as well.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Troubleshooting common grid issues

I can't see the grid. Check that Drawing Guide is toggled on in Actions > Canvas. If it's on, open Edit Drawing Guide and confirm that opacity and thickness aren't set to invisible.

The grid is too faint or too dense. Adjust opacity and thickness for visibility, and change Grid Size for density. A grid that fits your composition should have enough squares to guide you without turning into noise.

My strokes aren't snapping. On iPad, make sure Drawing Assist is enabled in the Drawing Guides screen. Without it, the grid is only a visual reference.

The grid is crooked. Use the green rotational node to straighten it, or tap a node and choose Reset to return to the default alignment.

Will the grid show up in my export? Do a quick test export before handing off files to confirm the result matches what you expect.

Other drawing guides worth knowing

The 2D Grid is the one most people want for proportion and alignment, but Procreate's Drawing Guide menu includes other options for different tasks. If you're sketching environments or hard-surface concepts that will later be built in Cinema 4D or Blender, a different guide type may serve you better than a flat grid. Use the 2D Grid for flat design, UI-style layouts, and general proportion work.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

Bring your Procreate frames into a motion pipeline

Once your grid-guided boards or style frames are done, the next question is how to get them moving. A common path is to export your frames or layers and bring them into After Effects, where you can build camera moves, parallax, and compositing around them.

If you want to explore motion from those frames before committing to a full build, you could look at a tool such as . Because you've composed your frames on a grid, the start and end compositions are already deliberate, whichever tool you use to move them. You keep your existing pipeline for color, comp, and finishing.

Quick reference

TaskWhere to find it (iPad)
Turn on gridActions > Canvas > Drawing Guide
Open grid settingsCanvas > Edit Drawing Guide > 2D Grid
Move the gridDrag the blue node
Rotate the gridDrag the green node
Reset positionTap a node, then Reset
Change lookColor, Opacity, Thickness, Grid Size
Align strokes to gridDrawing Assist
Save changesDone

Final thoughts

Adding grid lines in Procreate takes only a few taps, and the payoff is cleaner proportions, more consistent boards, and layouts that translate smoothly into your motion software. Set the canvas to your delivery ratio, tune the grid size and opacity so it supports rather than distracts, and use Drawing Assist when you need strokes to follow the lines. From there, export your frames and carry them into After Effects, or into a motion tool such as Styleframe.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Oct 20, 2026

ContactPrivacy PolicyTerms of Service

Copyright © 2026 - All rights reserved by StyleFrame

How to Add Grid Lines in Procreate

StyleFrame Team • October 20, 2026 • 7 min read

To add grid lines in Procreate on iPad, tap the Actions (wrench) icon, open Canvas, switch on Drawing Guide, then tap Edit Drawing Guide and choose 2D Grid. From there you can drag the blue node to move the grid, drag the green node to rotate it, and adjust color, opacity, thickness, and grid size. Tap Done to commit. On Procreate Pocket, go to Modify > Actions > Guides, tap 2D Grid, and use Guide Settings to edit it.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Step-by-step: turn on the 2D Grid in Procreate

The grid lives in Procreate's Drawing Guide system, so the setup is the same whether you're sketching a storyboard panel or laying out a style frame.

  1. Open your canvas, or create one at the aspect ratio you'll deliver in (for example 16:9 for HD or UHD video).
  2. Tap the Actions icon (the wrench).
  3. Tap Canvas.
  4. Toggle Drawing Guide on. A default grid appears over your artwork.
  5. Tap Edit Drawing Guide to open the Drawing Guides screen.
  6. Tap 2D Grid at the bottom of the screen if it isn't already selected.
  7. Adjust the grid with the controls below.
  8. Tap Done to keep your changes, or Cancel to leave the canvas as it was.

The grid appears as thin lines over your artwork.

Procreate Pocket (iPhone)

The path is slightly different on the phone version:

  1. Tap Modify, then Actions, then Guides.
  2. Tap 2D Grid.
  3. Tap Guide Settings to open the Drawing Guides screen.
  4. Adjust the settings and tap Done.

Pocket also includes a Units option, so you can choose the unit type used for your grid measurements.

Customize the grid to match your layout

Once you're in the Drawing Guides screen, you have two groups of controls: placement and appearance.

Position and rotation

Two nodes control where the grid sits:

  • Blue positional node: drag it to slide the entire grid across the canvas. This is useful when you want a grid line to land exactly on a focal point, a horizon, or the center of a title.
  • Green rotational node: drag it to rotate the grid. Use it to build a tilted composition, a Dutch-angle frame, or a layout that follows a rotated camera move.

If you drag things too far, tap either node and choose Reset to return the grid to its default position.

Appearance settings

  • Color: use the hue bar at the top of the screen. Pick a color that contrasts with your palette. A bright cyan or magenta line reads well over dark, desaturated frames, while a darker line is easier on light paper-style canvases.
  • Opacity: controls how visible the lines are, from invisible to fully opaque. Lower opacity keeps the grid helpful without competing with your drawing.
  • Thickness: controls line weight, from invisible to noticeable. Thin lines are better for precise alignment; thicker ones are easier to see on a small screen.
  • Grid Size: sets the scale of the squares. Smaller squares give you tighter alignment control. Larger squares suit rough thumbnails and broad proportion checks.
  • Drawing Assist (iPad): when enabled, your strokes automatically adjust to follow the direction of the grid lines. This helps with straight horizontals and verticals, and with rotated grids it keeps strokes aligned to your custom angle.
StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

Add grid lines to a photo or reference image

If you want to check proportions on a photo, the process is the same as for a blank canvas. Import the image into Procreate, then turn on the 2D Grid as described above. Because the grid is an overlay on the whole canvas, it shows over the photo and any layers you add above it.

This is a classic method for transferring a reference to a drawing: set the grid, sketch on a new layer, and compare each square against your source. For motion work, the same technique helps when you're redrawing a frame from a pitch deck, tracing a plate composition, or checking where key elements fall relative to thirds.

Tips for working over a photo:

  • Put your sketch on a separate layer above the photo so you can toggle visibility and compare.
  • Lower the photo layer's opacity if the grid and image compete visually.
  • Match the canvas aspect ratio to your final frame before you start, so squares map cleanly to the composition.

Use grids for motion design and video work

Procreate isn't a motion tool, but plenty of animators, designers, and VFX artists use it for the pre-production stage. A grid helps in several practical ways.

Storyboards and animatics

Set up your canvas at your delivery aspect ratio, turn on the grid, and use it to keep horizon lines level, characters consistently scaled from panel to panel, and key props in the same position across shots. Consistent grid settings across boards make it easier for editors and directors to read continuity.

Style frames and layout

A square grid is a quick way to build a modular layout: align type blocks, logos, and icons to grid intersections, and keep margins consistent. Before you move into After Effects, you'll already know where text, graphic elements, and focal points should sit. If you plan to recreate the layout with guides or a layout grid in your compositing app, use the same number of divisions in Procreate so your proportions match.

Character and prop turnarounds

For model sheets, a grid helps keep head height, shoulder width, and limb lengths consistent across views. Rotate the grid slightly if you're drawing a three-quarter pose and want to follow a tilted baseline.

Planning safe areas

The 2D Grid is not a title-safe overlay, but you can approximate one: pick a grid size that divides your canvas evenly and treat the outer squares as your margin. For delivery-critical safe areas, build precise guides in After Effects or Premiere Pro as well.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Troubleshooting common grid issues

I can't see the grid. Check that Drawing Guide is toggled on in Actions > Canvas. If it's on, open Edit Drawing Guide and confirm that opacity and thickness aren't set to invisible.

The grid is too faint or too dense. Adjust opacity and thickness for visibility, and change Grid Size for density. A grid that fits your composition should have enough squares to guide you without turning into noise.

My strokes aren't snapping. On iPad, make sure Drawing Assist is enabled in the Drawing Guides screen. Without it, the grid is only a visual reference.

The grid is crooked. Use the green rotational node to straighten it, or tap a node and choose Reset to return to the default alignment.

Will the grid show up in my export? Do a quick test export before handing off files to confirm the result matches what you expect.

Other drawing guides worth knowing

The 2D Grid is the one most people want for proportion and alignment, but Procreate's Drawing Guide menu includes other options for different tasks. If you're sketching environments or hard-surface concepts that will later be built in Cinema 4D or Blender, a different guide type may serve you better than a flat grid. Use the 2D Grid for flat design, UI-style layouts, and general proportion work.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

Bring your Procreate frames into a motion pipeline

Once your grid-guided boards or style frames are done, the next question is how to get them moving. A common path is to export your frames or layers and bring them into After Effects, where you can build camera moves, parallax, and compositing around them.

If you want to explore motion from those frames before committing to a full build, you could look at a tool such as . Because you've composed your frames on a grid, the start and end compositions are already deliberate, whichever tool you use to move them. You keep your existing pipeline for color, comp, and finishing.

Quick reference

TaskWhere to find it (iPad)
Turn on gridActions > Canvas > Drawing Guide
Open grid settingsCanvas > Edit Drawing Guide > 2D Grid
Move the gridDrag the blue node
Rotate the gridDrag the green node
Reset positionTap a node, then Reset
Change lookColor, Opacity, Thickness, Grid Size
Align strokes to gridDrawing Assist
Save changesDone

Final thoughts

Adding grid lines in Procreate takes only a few taps, and the payoff is cleaner proportions, more consistent boards, and layouts that translate smoothly into your motion software. Set the canvas to your delivery ratio, tune the grid size and opacity so it supports rather than distracts, and use Drawing Assist when you need strokes to follow the lines. From there, export your frames and carry them into After Effects, or into a motion tool such as Styleframe.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Oct 20, 2026

ContactPrivacy PolicyTerms of Service

Copyright © 2026 - All rights reserved by StyleFrame