Introduction: Your SaaS Website, Without Code
You don’t need to hire a designer or developer to build a professional website for your white-label SaaS platform. With Figma Sites, you can create, customize, and publish your full website visually—just by editing drag-and-drop blocks.
We’ve made it even easier by giving you three ready-to-use website templates built specifically for DropSaaS resellers. Just choose your favorite, copy it to your account, and start editing.
Whether you want a clean, modern layout or a bold, conversion-optimized design, the structure is ready for you—no design or coding skills required.
Step 1: Create a Free Figma Account
Go to figma.com
Click “Sign Up” and create a free account.
Once inside, you’ll have access to Figma Sites, a powerful new feature for building and publishing websites.
Step 2: Choose a Website Template
We’ve created 3 professional website templates for you inside Figma Sites. To get started:
Open the template link: 👉 DropSaaS Website Templates
Click “Duplicate” at the top right of the screen. This will copy the entire site to your Figma Sites dashboard.
Once duplicated, you can now start editing your own version without affecting the original.
Each template includes:
Homepage with value proposition and CTA
Features section explaining your 5 apps (Reviews, Listings, Social, Campaigns, Chat)
Pricing section with free trial buttons
Trust-building elements (logos, testimonials, FAQs)
Footer with contact and legal links
Step 3: Edit Your Website
Once inside your template:
Change the Text
Click on any text element to edit the content.
Update your brand name, headlines, feature descriptions, and call-to-action buttons.
Add Your Logo
Replace the placeholder logo with your own.
If you don’t have a logo yet, you can create one using tools like Looka or Namecheap Logo Maker.
Update Images & Screenshots
Replace the mock images with your own visuals.
Use the screenshots you created in Guide 2 with Shots.so.
Simply drag and drop new images into the layout and delete old ones.
Link Your Buttons
Link all CTA buttons to your DropSaaS free trial URLs.
You’ll get these URLs from your SaaS mode dashboard (more on this in Guide 4).
Step 4: Preview & Publish Your Website
When you’re ready to go live:
Click “Preview” at the top of your Figma Sites editor to see how your site looks on desktop and mobile.
Click “Publish” to make your website live.
Figma will give you a temporary .figma.site subdomain (e.g. yourbrand.figma.site).
In the next guide, we’ll show you how to connect your custom domain to replace the default link with something like youragency.com.
Need Help? Use Figma’s Official Guides
If you want to learn more or get stuck during editing, Figma has a beginner-friendly documentation hub:
🔗 Explore Figma Sites – Official Help
You’ll find tutorials for:
Editing blocks and sections
Managing styles (colors, fonts, spacing)
Publishing and site performance
Mobile responsiveness
Summary: A Website That Converts—Without Code
In less than an hour, you can have a beautiful, professional website that:
Explains what your SaaS does
Builds trust with screenshots and testimonials
Drives conversions with smart CTAs
Sends leads straight to your free trial
All using one link, one editor, and one tool: Figma Sites.
No code, no developers, no friction.
Ready to move forward?
In the next guide, we’ll show you how to build your Pricing Page and link your free trial buttons to your DropSaaS onboarding flow—so every visitor has a clear path to test and buy.
Let’s go 🚀