Figma: Hoʻolālā, Prototype, a me Collaborate Across Enterprise
In the last few months, I’ve been helping to develop and integrate a highly customized WordPressinstance for a client. It’s quite the balance of styling, extending WordPress through custom fields, custom post types, a design framework, a child theme, and custom plugins.
The difficult part is that I’m doing it from simple mockups from a proprietary prototyping platform. While it’s a solid platform for visualization and design, it doesn’t easily translate to HTML5 a CSS3. Add all of the other iterations, and my days get quite frustrating with progress being extremely slow.
Hoʻokahi ʻāpana o ka puzzle i hāʻawi wale aku ka ʻoihana hoʻolālā i nā prototypes, me ka ʻole o ka hāʻawi ʻana i kekahi ʻano master styleheet ... no laila ke hana nei mākou e hoʻokō i ka lawe ʻana i nā prototypes i airship, and then translating the CSS no kā mākou keiki ke kumuhana stylesheet in WordPress. The number of steps necessary and the gaps between platforms make it a difficult process. Not to mention trying to simplify the complexities for speed and scalability
Kaila
Kaila provides powerful design tools with multiplayer collaboration, allowing teams to explore ideas while capturing quality feedback in real-time.
Kaila kikowaena o kēia hana me kahi paepae e hiki ai i ka hoʻolālā, ka pane ʻana, a me ka laulima ʻana ma waena o kēlā me kēia lālā o kāu hui, e like me:
- Nā mea koho: Collaborate in context and in real-time. Never worry about your files being outdated or overwriting each other’s work.
- Nānā: Send a link to collect feedback, get change requests, and allow stakeholders to make copy updates in your designs.
- Developers: Engineers always have access to the current source of truth and can inspect elements, export assets, and copy code.
ʻO Figma kekahi mau hiʻohiʻona kūikawā:
- Nā Hana Boolean: With four formulas: union, subtract, intersect, and exclude, you can combine any set of shape layers with precision.
- eiiiiiaiou: Build faster and more consistently with reusable and scalable elements across your files. Access layers in each instance to intuitively edit and override text and images inline.
- nā palena: Scale your design to fit any screen size by fixing objects to a parent frame, snapping object to a grid, or even by creating components that scale.
- Nā Pahu Pūnaewele: Present your designs in the right environments. You can even choose between portrait and landscape mode.
- hana kūleʻa: Make your prototypes come to life by defining interactions on click, while hovering, while pressing, and more.
- Nā hana: With relative and manually positioning you have full control over where and how overlays appear.
- Pixel-perfection: 60fps interactive editing brings you ultra-crisp, pixel-perfect previews, and exports.
- Hoʻolapili: Quickly build flows by connecting screens and adding in elements like interactions, transitions, overlays, and more. Instead of syncing to other tools simply share a URL to receive feedback.
- pane maʻalahi Design: Stretch your layouts and see how they will respond to changes in screen size.
- Huli: Enable horizontal, vertical, or any direction scrolling within individual shapes or the entire parent frame.
- Styles: Synchronize colors, text, grids, and effects across all your projects. Maintain fewer text styles and align your designs across different devices with Figma’s unique grid styles.
- Hale Waihona Puke: Share components and styles in Figma—no need for shared drives or additional tools. You and your team control how and when changes are rolled out with simple publishing workflows.
- Pūnaewele Vector: Figma created the pen tool to be more intuitive, allowing for direct manipulation while preserving backwards-compatibility with paths.
no ka mea, hana nā mea kūʻai aku, Kaila can drive consistency, efficiency, and security at scale. The platform enables enterprise clients to easily manage design systems with team libraries and the ability to upload and share custom fonts across your organization. Single Sign-On (SSO), access controls, and activity logs are included.
E hoʻomaka me Figma
Kaila has a great selection of tutorials that they maintain on their YouTube Kanal, eia kahi wikiō hoʻomaka:
Kaila also provides developers with the ability to inspect, copy, export assets, and copy CSS directly from the design file. You can also enable your existing workflows with integrations, including airship, Iā Jira, Dropbox, ʻO ProtoPie
, a Kuleana for Mac. They also have a robust API.