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

# Turn a conversation into a project

> Choose whether to continue in a Conversation or ask Replit to turn substantial build and design work into a Project.

export const ImportProjectCardVisual = () => <CardScene>
    <div style={{
  display: "flex",
  alignItems: "center",
  gap: 10
}}>
      <Panel style={{
  width: 58,
  height: 70,
  padding: 10
}}>
        {["100%", "73%", "86%"].map(width => <i key={width} style={{
  display: "block",
  width,
  height: 5,
  marginBottom: 8,
  borderRadius: 99,
  background: "rgba(255,255,255,.66)"
}} />)}
      </Panel>
      <span style={{
  width: 20,
  height: 2,
  background: "rgba(255,255,255,.72)"
}} />
      <Panel style={{
  width: 70,
  height: 70,
  padding: 11
}}>
        <div style={{
  display: "grid",
  gridTemplateColumns: "repeat(2, 1fr)",
  gap: 6
}}>
          {Array.from({
  length: 4
}, (_, index) => <i key={index} style={{
  height: 18,
  borderRadius: 4,
  background: "rgba(255,255,255,.55)"
}} />)}
        </div>
      </Panel>
    </div>
  </CardScene>;

export const DesignSystemCardVisual = () => <CardScene>
    <Panel style={{
  width: 126,
  height: 92,
  padding: 13
}}>
      <div style={{
  display: "flex",
  gap: 7
}}>
        {["#fff", "rgba(255,255,255,.7)", "rgba(255,255,255,.48)", "rgba(255,255,255,.28)"].map(color => <i key={color} style={{
  width: 15,
  height: 15,
  borderRadius: 5,
  background: color
}} />)}
      </div>
      <div style={{
  display: "grid",
  gridTemplateColumns: "1fr 1.4fr",
  gap: 7,
  marginTop: 13
}}>
        <i style={{
  height: 33,
  borderRadius: 6,
  background: "rgba(255,255,255,.3)"
}} />
        <i style={{
  height: 33,
  borderRadius: 6,
  background: "rgba(255,255,255,.62)"
}} />
      </div>
    </Panel>
  </CardScene>;

export const ConversationToProjectCover = () => <ConversationsProjectsCover handoff />;

<ConversationToProjectCover />

Continue in a Conversation for questions, exploration, follow-ups, and Routines. Use a [Project](/features/projects-and-artifacts/projects) for substantial application, build, or design work that needs a durable, structured space.

## From a conversation to a project

For substantial application or project work, the recommended practice is to begin in a Conversation. Clarify the goal and gather the context that will help Replit understand the work:

* Relevant files, images, or screenshots
* Examples and research that show what good looks like
* Information from connected tools or integrations when it supports the task

When the direction is clear, ask Replit to turn the informed Conversation into a Project. The prior Conversation context carries forward, so Replit can begin with clearer intent and less repetition. You make this request in the Conversation; it is not an automatic change.

For the complete comparison, see [Conversations vs. Projects](/chat/conversations-and-projects).

## Continue with the outcome

<section className="chat-mkt chat-workflow-grid has-visuals catalog-three-up">
  <a className="chat-example has-visual" href="/build/your-first-app">
    <div className="chat-use-case-visual palette-ink">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="code" size={24} />
      </em>
    </div>

    <span>
      <Icon icon="code" size={19} />
    </span>

    <div className="chat-card-title">Build an app</div>
    <p>Follow the Build guide for creating working software in a Project.</p>
    <div className="chat-card-link">Open Build →</div>
  </a>

  <a className="chat-example has-visual" href="/design/design-your-first-screen">
    <div className="chat-use-case-visual palette-blush">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="pen-ruler" size={24} />
      </em>
    </div>

    <span>
      <Icon icon="pen-ruler" size={19} />
    </span>

    <div className="chat-card-title">Create a design</div>

    <p>
      Follow the Design guide for exploring and refining a visual direction.
    </p>

    <div className="chat-card-link">Open Design →</div>
  </a>

  <a className="chat-example has-visual" href="/use-cases">
    <div className="chat-use-case-visual palette-stone">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="lightbulb" size={24} />
      </em>
    </div>

    <span>
      <Icon icon="lightbulb" size={19} />
    </span>

    <div className="chat-card-title">Explore use cases</div>

    <p>
      See how Conversations can lead to apps, designs, slides, and other
      outcomes.
    </p>

    <div className="chat-card-link">Browse use cases →</div>
  </a>

  <a className="chat-example has-visual" href="/chat/import-a-project">
    <ImportProjectCardVisual />

    <span>
      <Icon icon="file-import" size={19} />
    </span>

    <div className="chat-card-title">Import an existing project</div>

    <p>
      Bring work you already have into Replit instead of starting from a
      Conversation.
    </p>

    <div className="chat-card-link">Explore import options →</div>
  </a>

  <a className="chat-example has-visual" href="/chat/use-a-design-system">
    <DesignSystemCardVisual />

    <span>
      <Icon icon="shapes" size={19} />
    </span>

    <div className="chat-card-title">Use a design system</div>
    <p>Begin or continue a Project with an established visual system.</p>
    <div className="chat-card-link">Explore design systems →</div>
  </a>
</section>

If the work already exists elsewhere, continue with [Import an existing Project](/chat/import-a-project) instead of starting from a Conversation.