項目可以將任何屏幕截圖或設計轉換為干凈的代碼(支持大多數框架)。來自領先公司的開發人員和設計師使用的排名第一的工具。完全開源,在 GitHub 上擁有超過 35,000 顆星。非常受歡迎。
各位小伙伴們感覺有幫助的,可以收藏一下,方便下次找到項目!
https://screenshottocode.com/
帶上您自己的 OpenAI 密鑰 -您的密鑰必須有權訪問 GPT-4 Vision
該應用程序有一個 React/Vite 前端和一個 FastAPI 后端。您將需要一個能夠訪問 GPT-4 Vision API 的 OpenAI API 密鑰。
運行后端(我使用 Poetry 進行包管理 -pip install poetry如果你沒有它):
cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001
運行前端:
cd frontend
yarn
yarn dev
打開http://localhost:5173以使用該應用程序。
如果您希望在不同端口上運行后端,請更新 VITE_WS_BACKEND_URLfrontend/.env.local
出于調試目的,如果您不想浪費 GPT4-Vision 積分,您可以在模擬模式下運行后端(該模式會傳輸預先錄制的響應):
MOCK=true poetry run uvicorn main:app --reload --port 7001
如果您的系統上安裝了 Docker,請在根目錄中運行:
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build
該應用程序將在http://localhost:5173啟動并運行。請注意,您無法使用此設置開發應用程序,因為文件更改不會觸發重建。
在這里嘗試一下https://screenshottocode.com/(帶上您自己的 OpenAI 密鑰 -您的密鑰必須有權訪問 GPT-4 Vision。有關詳細信息,請參閱常見問題解答部分)
迎觀看Illustrator教程,小編帶大家學習 Illustrator 的基本工具和使用技巧,了解如何將 Illustrator 文檔保存為 PDF 以供共享和打印。
當你打包Illustrator文件并發送給某人時,他們需要在機器上安裝Illustrator才能打開文件。如果收件人沒有Illustrator或要求您發送PDF,可以將Illustrator文檔保存為PDF文件。PDF文件看起來像Illustrator的原始文檔,如果保存正確,甚至可以用來打印Illustrator項目。你發送PDF的人只需要一個免費的PDF閱讀器就可以查看。
使用Illustrator文檔會發現如何從Illustrator文檔創建PDF。如果打開文件,可能會看到「缺少字體」對話框,因為此文件使用Adobe字體。
Adobe Creative Cloud會員資格包括訪問Adobe字體庫的權限。如果確實看到此對話框,單擊「激活字體」以修復缺少的字體。
當字體與Mac同步時,單擊「關閉」。
要查看文件的全部內容,依次選擇「視圖」-「全部適合窗口大小」。
接下來將此文檔另存為PDF,要將其另存為PDF,選擇「文件」-「存儲為…」。
在「存儲為」對話框中,選擇「Adobe PDF(PDF)」作為文件格式。
如果需要,更改名稱,然后單擊「存儲」。
在出現的「保存Adobe PDF」對話框中,可以從頂部的「Adobe PDF 預設」菜單中選擇預設,具體取決于PDF的用途。
如果在網站上發布PDF,需要選擇「最小文件大小」選項。
還可以從左側列表中選擇一個類別,并自定義這些特定選項。
在這種情況下,可以保留所有選項的默認值,然后單擊「存儲 PDF」將文件另存為PDF。
PDF文件現在在 Illustrator 中打開。
將Illustrator文檔保存為Adobe PDF,可以將Illustrator文檔發送給任何擁有免費PDF閱讀器的人。
現在您可以將自己的文檔保存為PDF格式,并將其發送給其他人進行查看、打印和更多操作。
以上就是在 Illustrator 中將文檔保存為 PDF的方法。
軟件下載地址:Illustrator 2020 for Mac(ai 2020 直裝版)
https://www.macz.com/mac/5120.html?id=NzY4OTYwJl8mMjcuMTg3LjIyNi4yMjI%3D
windows軟件激活地址:Adobe Illustrator2022(AI 2022)
https://soft.macxf.com/soft/1246.html?id=MjkzODQ%3D
個簡單的工具,可使用 AI 將屏幕截圖、模型和 Figma 設計轉換為干凈、實用的代碼。
支持的堆棧:
支持的AI模型:
有關更多演示,請參閱下面的示例部分。
https://screenshottocode.com/
我們還剛剛添加了實驗性支持,用于拍攝正在運行的網站的視頻/屏幕記錄并將其轉變為功能原型。
該應用程序有一個 React/Vite 前端和一個 FastAPI 后端。如果您想使用 Claude Sonnet 或獲得實驗視頻支持,您將需要一個能夠訪問 GPT-4 Vision API 的 OpenAI API 密鑰或一個 Anthropic 密鑰。
運行后端(我使用 Poetry 進行包管理 -pip install poetry如果你沒有它):
cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001
如果您想使用 Anthropic,請將與您的 Anthropic 的 API 密鑰一起ANTHROPIC_API_KEY添加。backend/.env
運行前端:
cd frontend
yarn
yarn dev
打開http://localhost:5173以使用該應用程序。
如果您希望在不同端口上運行后端,請更新 VITE_WS_BACKEND_URLfrontend/.env.local
出于調試目的,如果您不想浪費 GPT4-Vision 積分,您可以在模擬模式下運行后端(該模式會傳輸預先錄制的響應):
MOCK=true poetry run uvicorn main:app --reload --port 7001
如果您的系統上安裝了 Docker,請在根目錄中運行:
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build
該應用程序將在http://localhost:5173啟動并運行。請注意,您無法使用此設置開發應用程序,因為文件更改不會觸發重建。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。