Having a precise definition on organising design screens is essential, so everyone can follow the same logic. We are only working on 1 single product right now and I think separating screens in files would be sufficient enough. Think About File Structure You Really Needīefore we get started, let’s learn about Figma’s file structure. Major pages are divided according to the channels, like Landing Banners, Campaign, Website Assets, Instagram.ĥ Tips Mastering Your Figma Files Organisation 1. Ops - All in-app editorial assets, banners, and social media graphics are also created in Figma.Same as the app file, major pages are Sprint, Master, Archive. Web - All website screens are stored separately in another file.Launched screens will be consolidated to the master page. We create a new page for each sprint in order to review working items together. Major pages include Sprint, Master, Archive. App - All app screens since ideation are placed here.We also use Zeroheight to publish our design assets. Since Figma has no limit on viewer accounts, even non-technical personnel can access the company’s design token. I consider this file as the on-boarding walk-through for new hires. Tokens - It contains all essential elements of design in the company, including typography, color palette, logos, graphic assets.Being the principal designer, I have initially organised all our screens and design in 4 files, Tokens, App, Website and Ops. I work at a travel-tech startup right now, and we work on App and Website. How should we approach to organise our screens, when there are 10+, 100+, or even 1000+ screens? And does the file structure cope with the development workflow? Here's my struggles & takeaways in organizing Figma. However, user-interface designs tend to be more complicated than just a few pages. Most people kickstart their project with a blank artboard or template. How should we approach to organise our screens, when there are 10+, 100+, or even 1000+? Here's my struggles & takeaways in organizing Figma.
Desktop frame figma how to#
6 min read How to Organise Design Workflow and Operation in Figma.
0 kommentar(er)
