Integrate Hugging Face and Webflow
Connect Hugging Face and Webflow nodes in your workflow. Integrate with any tool or database and ship powerful backend logic and APIs instantly - No code required!
Node stack
Supported Hugging Face and Webflow Nodes
Add any other tools or your preferred database nodes. If an integration is not available generate your own using AI
Caption Image
Generate caption for the image using Hugging Face's [Salesforce/blip-image-captioning-large](https://huggingface.co/Salesforce/blip-image-captioning-large) model for image captioning pretrained on COCO dataset - base architecture (with ViT large backbone).
Image Classification
Get classification labels for your image using Hugging Face's [google/vit-base-patch16-224](https://huggingface.co/google/vit-base-patch16-224) model which is a transformer encoder model (BERT-like) pretrained on a large collection of images in a supervised fashion, namely ImageNet-21k, at a resolution of 224x224 pixels. Next, the model was fine-tuned on ImageNet (also referred to as ILSVRC2012), a dataset comprising 1 million images and 1,000 classes, also at resolution 224x224.
Text Summarization
Summarize long text using Hugging Face's [facebook/bart-large-cnn](https://huggingface.co/facebook/bart-large-cnn) model which is a transformer encoder-encoder (seq2seq) model with a bidirectional (BERT-like) encoder and an autoregressive (GPT-like) decoder. BART is pre-trained by (1) corrupting text with an arbitrary noising function, and (2) learning a model to reconstruct the original text.
Text-To-Image
Generate image from text, using Hugging Face's [openskyml/dalle-3-xl](https://huggingface.co/openskyml/dalle-3-xl) test model very similar to Dall•E 3.
Text-To-Music
Generate music from text using Hugging Face's [facebook/musicgen-small](https://huggingface.co/facebook/musicgen-small) model capable of generating high-quality music samples conditioned on text descriptions or audio prompts.
Webflow Trigger
Receive real-time updates on your Webflow site changes and trigger workflows based on them
Create Asset Folder
Create an Asset Folder within a given site.
Create Collection
Create a CMS Collection for a Webflow site.
Create Collection Field
Create a custom field in a Webflow CMS collection.
Create Item
Create Item in a CMS Collection on Webflow
Create Live Item
Create live Item in a Collection. This Item will be published to the live site.
Create Product & SKU
Creating a new Product involves creating both a Product and a SKU, since a Product Item has to have, at minimum, a single SKU. [Read More](https://docs.developers.webflow.com/data/reference/create-product)
Delete Collection
Delete a Webflow CMS collection using its ID.
Delete Collection Field
Delete a custom field in a collection. This endpoint does not currently support bulk deletion.
Get Asset
Get an Asset.
Get Collection Details
Get the full details of a Webflow collection from its ID.
Get Custom Domains
Get a list of all custom domains related to a Webflow site.
Get Form Schema
Get information about a given Webflow form by ID.
Get Form Submission
Get information about a given Webflow form submission.
Get Page Content
Get static content from a static Webflow page.
Get Page Metadata
Get metadata information for a single Webflow page.
Get Product and SKUs
Retrieve a single product by its id. All of its SKUs will also be retrieved.
Get Site
Get details of a specific Webflow site by ID.
List Asset Folders
List Asset Folders within a given site.
List Assets
List assets for a given site.
Quick start
How to integrate Hugging Face and Webflow
Step 1 — Add the nodes to your workflow
Create a new workflow in BuildShip, click “Add node”, and select the Hugging Face and Webflow actions you want to use.
Step 2 — Configure each node
Go to each node to authenticate (or add your API key) and fill in the required parameters.
Step 3 — Connect the nodes
Each node in BuildShip can connect to others by using their output variables. When you reference a variable from one node in another, BuildShip automatically links them in the workflow.
Step 4 — Test your workflow
Define your starting data in the Inputs node and choose what to do with the result in the Flow Output node. Finally, run a test to see your workflow in action.
blog posts & tutorials
Recommended Reads
Below are recommneded blogs that will help in your journey
support
Need Help?
Here are some helpful resources to get you "unstuck"
Join BuildShip Community ->
An active and large community of no-code / low-code builders. Ask questions, share feedback, showcase your project and connect with other BuildShip enthusiasts.
Hire a BuildShip Expert ->
Need personalized help to build your product fast? Browse and hire from a range of independent freelancers, agencies and builders - all well versed with BuildShip.
Send a Support Request ->
Got a specific question on your workflows / project or want to report a bug? Send a us a request using the "Support" button directly from your BuildShip Dashboard.
Feature Request ->
Something missing in BuildShip for you? Share on the #FeatureRequest channel on Discord. Also browse and cast your votes on other feature requests.
