> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dakota.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Create Your Flow

Use the Dakota Funds Flow Builder to visualize and design your payment flows. This interactive tool helps you understand how funds move through the Dakota platform and generates the corresponding API reference for your implementation.

<div className="not-prose" style={{ marginTop: '24px', marginBottom: '24px' }}>
  <div
    onClick={(e) => {
  e.preventDefault();
  e.stopPropagation();

  // Create modal element
  const modalId = 'dakota-flow-modal-' + Date.now();
  const modalDiv = document.createElement('div');
  modalDiv.id = modalId;
  modalDiv.style.cssText = `
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    z-index: 2147483647;
    justify-content: center;
    align-items: center;
    padding: 40px;
    margin: 0;
  `;

  const closeModal = () => {
    document.body.removeChild(modalDiv);
    document.body.style.overflow = '';
  };

  modalDiv.innerHTML = `
    <div style="position: relative; width: 100%; height: 100%; max-width: 1800px; max-height: 100%; display: flex; align-items: center; justify-content: center;">
      <button id="close-btn-${modalId}" style="position: absolute; top: -20px; right: -20px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 2px solid rgba(142, 68, 16, 0.2); border-radius: 50%; width: 44px; height: 44px; font-size: 24px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); font-weight: 300; color: #333; transition: all 0.2s ease; line-height: 1;">
        ✕
      </button>
      <iframe src="https://fundsflow.dakota.io/" style="width: 100%; height: 100%; border: none; border-radius: 12px; background-color: white; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);" title="Dakota Funds Flow Builder"></iframe>
    </div>
  `;

  document.body.appendChild(modalDiv);
  document.body.style.overflow = 'hidden';

  // Add click handlers
  const closeBtn = document.getElementById('close-btn-' + modalId);
  closeBtn.addEventListener('click', closeModal);
  closeBtn.addEventListener('mouseenter', () => {
    closeBtn.style.opacity = '0.8';
  });
  closeBtn.addEventListener('mouseleave', () => {
    closeBtn.style.opacity = '1';
  });
  modalDiv.addEventListener('click', (e) => {
    if (e.target === modalDiv) {
      closeModal();
    }
  });
}}
    style={{
  cursor: 'pointer',
  position: 'relative',
  borderRadius: '12px',
  overflow: 'hidden',
  border: '1px solid rgb(229, 231, 235)',
  transition: 'transform 0.2s, box-shadow 0.2s'
}}
    onMouseOver={(e) => {
  e.currentTarget.style.transform = 'scale(1.01)';
  e.currentTarget.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.1)';
}}
    onMouseOut={(e) => {
  e.currentTarget.style.transform = 'scale(1)';
  e.currentTarget.style.boxShadow = 'none';
}}
  >
    <img src="https://mintcdn.com/dakota-49818541/LfTdh4x7VfFMgRde/images/funds-flow.png?fit=max&auto=format&n=LfTdh4x7VfFMgRde&q=85&s=d2c1b2f979604380613129c2844f4501" alt="Dakota Funds Flow Builder" style={{ width: '100%', display: 'block', pointerEvents: 'none' }} width="2992" height="1588" data-path="images/funds-flow.png" />

    <div
      style={{
  position: 'absolute',
  top: '50%',
  left: '50%',
  transform: 'translate(-50%, -50%)',
  background: 'rgba(0, 0, 0, 0.7)',
  padding: '20px 40px',
  borderRadius: '50px',
  color: 'white',
  fontSize: '18px',
  fontWeight: '600',
  pointerEvents: 'none'
}}
    >
      Click to Launch Interactive Tool
    </div>
  </div>
</div>

## How to Use

1. **Click the image above** to launch the interactive Funds Flow Builder
2. **Design your flow** - Use the visual builder to create your payment flow
3. **Configure steps** - Set up each step in your funds flow with the appropriate parameters
4. **Review API calls** - See the corresponding API reference for your flow
5. **Share your flow** - Click the "Share" button to copy a link to your flow. You can share this link with our support or sales team to discuss your specific use case or ask questions
6. **Implement** - Use the generated API calls in your integration

## Need Help?

If you have questions about your specific flow or need assistance with your integration, click the **Share** button in the Funds Flow Builder to copy a link to your configuration. Share this link with:

* Our [support team](https://dakota.xyz/talk-to-sales) for technical assistance
* Our [sales team](https://dakota.xyz/talk-to-sales) to discuss your use case and requirements

This allows our team to see exactly what you're building and provide more accurate guidance.

For detailed API documentation, visit the [API Reference](/api-reference/introduction) section.