Troubleshooting — Ciketo Figma
Problems you may hit
Section titled “Problems you may hit”“Missing fonts” when opening the file. Install Inter (Regular and Medium) on your computer, then reopen the file. In the Figma desktop app, restart it after installing.
Text looks different from the screenshots. Another font was substituted for Inter. Fix the missing font first; replacing it by hand would change every layer.
The photos are grey boxes. That is on purpose: the file ships with placeholders where the demo shows photos, each at the size and crop the layout expects. Drop your own images into them (Editing the design).
My change to a component didn’t show on a page. That instance has an override for the property you changed (text, image or colour), or it was detached. Right-click the instance → Reset all changes to follow the main component again.
Changing a colour style didn’t change everything.
Some layer uses a raw colour instead of the style. Select all (Ctrl/Cmd + A) inside the frame and look under
Selection colors in the right sidebar: raw values are listed without a style name — apply the style to them.
A label I typed in lower case shows in capitals. Its text style (Label) sets the case to upper. Keep it, or pick another text style for that layer.
The file is slow. Figma loads one page at a time, so stay on the page you work on. The Phone page has the longest frames; collapse the layers panel and zoom into one frame at a time.
Questions
Section titled “Questions”Can I use this file for a client project? See License — the one place that answers it for your licence.
Can I share the file with my team or my client? Invite them to your copy to view or edit it for the project the licence covers. Don’t publish the file or pass it on as a template.
Do I need a paid Figma plan? No. A free plan opens and edits the file. Dev Mode for developers needs a paid seat.
Is there a prototype? The interactive states are drawn as component variants (hover, open, active, loading, success, error, the phone menu, the selected testimonial). Connect them in the Prototype tab if you want a clickable version.
Why is there only one service page and one post, and only some posts? The detail frames show one example of each, and the Blog frame the first six posts; the live site has six services, six lanes and twelve posts on the same layouts. Build more by duplicating cards and frames (Editing the design).
Why does the Legal page look tighter than the live site? Figma sets space only after a paragraph, not before a heading, so the legal text keeps its paragraphs apart with empty lines. The text and styles are the same; a developer adds the space above the headings.
How do I turn the design into a website? Use one of the Ciketo editions or hand it to a developer — From design to website.
Can you customise it for me, or build my site? Yes. Marcframe, the studio behind this template, updates templates to your needs (brand, content, new pages and features), builds custom templates and designs new websites. Get in touch at marcframe.com/contact or hire us on Contra.
Something is broken and none of this helps. Support and updates: https://framebrick.co/support. Send a screenshot and the name of the frame — it makes the answer much faster.