Updated on Aug 2021 - The design templates are now available in Figma community: Figma.
The look and feel of your community matters. To help you to optimize your community design, we’d like to introduce the design templates to help kickstart your design process! It is a guide which will give you all the details you are looking for!
Find explanations of the most prominent images and their dimensions used in our platform. And you can try the image in the design file to make sure it looks perfect in your community.
Design file with the specification of image dimensions
Design for main pages in the community: homepage, community categories, and knowledge base categories. All templates are available in both desktop and mobile view.
Template for homepage, community categories, and knowledge base categories
Page 1 / 1
This looks like a great tool, and it was super easy to sign up and have access to the Insided template!
So far I’ve been unable to find the right place to simply insert some custom CSS we’ve made, to test how it looks. Any tips or links to the right guide are welcome!
Hey @timcavey, glad to hear that you like the new template!
Here’s a guide about custom CSS:
Please let me know if you have further questions, happy to help out. :)
Here’s a guide about custom CSS:
Please let me know if you have further questions, happy to help out. :)
Thanks @xiaoyu-shen - my issue is that we have some custom CSS code written and ready for prod, but our dev wants to play it safe and test it first.
I was hoping this Figma template would be the perfect place, but so far, I’ve been unable to C&P our lovely code onto the template. Any advice here would be appreciated!
Hi @timcavey, Figma is purely a design tool. I’d recommend to test and try the changes on your staging environment first before applying them to your production community.
Hi all, I’m happy to announce that the inSided Design Template is out of beta now. What’s new:
A new ‘Design Tasks’ page is introduced to help your design team to prepare visual assets and style your community platform step by step. Design Tasks
In the latest update, ‘badge’, ‘favicon’, ‘share image’ was added to the image dimension overview. Badge, Favicon, Share image
Please leave a comment if you have any feedback or questions on the template, we are happy to help. :)
It’s not possible to duplicate it. how can I acess the file
Hey @nargesshab I’ve replied to your question in another post.
If you also have questions about how to download the design template, please check the last part ‘Need some help to download this template?’ for a step-by-step download guide. :)
@xiaoyu-shen Hi, thanks . I recieved the file through the Organization
Hey all, recently I’ve heard questions about how to download the template file.
As Figma lately added an advanced option for permission control and by default it was turned off, you may not be able to see the dropdown arrow after you log in. The setting has been updated, and the problem should be solved now. Sorry for the confusion .
Hey all, to make the templates easier to use, we’ve published the design templates in Figma community, please check it out here: http://figma.com/@insided
We are also curious to learn how you like these templates, or if there are any other design guidelines you’d like to see, please leave a reply and let us know.
Click on ‘Duplicate’ to make a copy in your draft
How do we retrieve the missing component libraries for these templates?
Is this still up-to-date?
Hey @DannyPancratz I believe it’s still quite up-to-date, despite the inSided branding. I’m double-checking with our Product folks to be sure.
If you ever had a profile with us, there's no need to create another one. Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
.
